vue-cli怎样搭建Vue项目？使用vue-cli搭建Vue3.xBate版项目
作者:神秘网友
发布时间:2020-09-21 06:44:13
vue-cli怎样搭建Vue项目？使用vue-cli搭建Vue3.xBate版项目
vue-cli怎样搭建Vue项目？使用vue-cli搭建Vue3.xBate版项目Vue2.x项目的创建
我这里使用的是 @vue/cli 4.1.2 版本
打开 CMD 终端输入 vue --version
在 CMD 终端中输入 npm install -g @vue/cli 全局安装 vue/cli
npm install -g @vue/cli
至此vue2.x项目就搭建完成，接下来按照提示启动项目即可
目录结构如下图所示
打开 package.json 查看 dependencies，里面是安装的依赖
如果需要 ElementUI 或额外的依赖，直接在根目录下执行 npm i element-ui -s 命令，安装完成之后，package.json 中 dependencies 字段下有 element-ui ，则说明安装成功
安装完成
vscode 下打开终端的快捷方式 CTRL + ~，会直接定位到当前目录
Vue3.xBate版项目的创建
vue3.xBate官方中文文档在今天正式推出
据文档介绍，创建 vue3.xBate 项目需要 vue-cli 4.5 版本
所以我现在得先升级一下 vue-cli 的版本（前面说了，我现在用的还是vue-cli 4.1.2）
在终端中执行 npm update -g @vue/cli 来升级 vue/cli 的版本
升级完成之后执行 vue --version 查看此时 vue/cli 版本
此时 vue/cli 版本已升级完成，可以创建 vue3.x Bate 版本项目了
vue/cli 升级到 4.5 之后仍然使用 vue create xxx 创建 vue 项目，但变成了如下选项
这里选择第二个创建 vue3.x 项目
等了好久之后，项目终于创建完成
按照提示进入项目并启动
目录结构如下
打开 package.json 可以查看安装的依赖
QQ群：1063233592
个人网站：前端靓仔