vue-cli怎样搭建Vue项目?使用vue-cli搭建Vue3.xBate版项目
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
个人网站:前端靓仔