文章目录
一 版本号
- vue-cli 4.5.9
- nodejs v14.9.0
二 安装
2.1 安装 vue-cli
npm install @vue/cli -g
这里建议使用国内淘宝镜像下载,npm 是使用外国的资源,下载会很慢很慢…
安装淘宝镜像
npm install -g cnpm -registry=https://registry.npm.taobao.org
安装完 cnpm 后,使用 cnpm install @vue/cli -g 进行安装
安装完 vue-cli 4 后,可以使用 vue --version 命令进行查看版本号
2.2 安装 nodejs
这里是安装 node 最新的版本
百度网盘地址:https://pan.baidu.com/s/17PxIIkCxikYAXERp–CV3w
提取码:oefd
安装很简单,就是选择好安装路径后,无脑 next 就行
安装完成,可以使用 node -v 命令进行查看版本
三 开始创建项目
3.1 使用可视化ui界面创建项目
进入到存放项目的文件夹下打开 cmd
使用命令 vue ui
进行创建,回车后会使用默认浏览器打开创建项目的 ui 界面,这里建议使用 chrome 浏览器,其它浏览器可能会出现意外情况
然后选择 在此创建新项目
点击下一步,对项目进行预设
对于初学者来说,建议选择默认,然后点击创建项目
然后 vue 内部会自动下载拉取响应的资源,这里要等等…</