vue-cli4 项目搭建及初始化

一 版本号

• 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 内部会自动下载拉取响应的资源，这里要等等…</