管理网站制作,徐州土地交易网,域名注册 阿里云,mean网站开发一、idea创建vue项目
创建项目之前先下载好插件 新建项目找到vue生成器 写好名称#xff0c;找到自己需要存放的地址#xff0c;node解释器安装方式可以看我上一个博客#xff0c;vueCLI是选择vue的版本#xff0c;我们可以使用idea自带的vue版本默认是vue3#xff0c;创…一、idea创建vue项目
创建项目之前先下载好插件 新建项目找到vue生成器 写好名称找到自己需要存放的地址node解释器安装方式可以看我上一个博客vueCLI是选择vue的版本我们可以使用idea自带的vue版本默认是vue3创建速度会很快这是一个简洁版本也可以选择自己下载好的vue版本。 加载完后项目就创建好了idea创建项目非常的简单易懂我给大家展示一下默认idea自带的vue和下载的区别
idea自带的
创建项目非常迅速
端口号默认5173
版本是3.x
启动项目速度非常快 下载的全局vue
创建项目需要加载资源
端口号默认8080
提供network入口启动
每次启动都需要加载资源非常的慢 启动项目
在浏览器是填写local地址可以在idea的控制台上看到。 二、vscode创建项目
使用vscode编辑器有很功能我们先安装一个node.js管理器nvm
nvm文档手册 - nvm是一个nodejs版本管理工具 - nvm中文网 (uihtm.com)https://nvm.uihtm.com/
下载好后进行安装
选择同意协议后一直点next就好了记得把安装地址记住也可以安装到自己想要存放的文件夹中建议还是默认好如果之前已经安装了node.js它会弹出一个选项选择ok就行了意思是需要将已经下载的node放入管理中吗 完成安装后可以到windows的命令台中测试一下是否安装成功在控制台中输入nvm
成功样式如下 我们打开vscode导航栏中点击查看——终端 下面会出现一个控制台 在控制台中输入nvm list 查看自己安装的所有node版本 如果有多个版本想选择其他版本可以输入nvm use 版本号
选择好版本后可以开始创建项目了
在控制台输入npm i -g vue/cli-init 加载资源 加载完后输入
vue init webpack 项目名称 上面是我的项目信息可以按照我这个来入门下面是这些信息的翻译 启动项目
创建好项目后输入 cd 项目名称 进入项目 输入 npm run dev 启动后可以看到控制台输出了地址在浏览器中访问效果和idea中是一样的
需要退出项目就在点击控制台 在键盘上按住ctrlc
