使用vue-cli脚手架创建vue2项目

1、安装node.js（JS运行环境）和npm（包管理工具）

node -v    若显示node.js的版本，则表示node.js安装成功

npm -v     若显示npm的版本，则表示npm随同node.js安装成功

2、全局安装脚手架vue-cli

npm install -g @vue/cli

查看是否安装成功

vue -V 或者 vue --version

vue-cli目前已更新到5.0+，若版本太旧，想要更新到最新版本

npm uninstall -g vue-cli     卸载旧版本的vue-cli

npm install -g @vue/cli      重新安装新版本的vue-cli

另：局部安装脚手架vue-cli，可以实现版本转换

1）window+r，打开命令行管理器

2）切换至项目文件将要存放的位置的路径

3）安装脚手架vue-cli

cnpm i -D @vue/cli    这时候可能是最新版本

4）使用脚手架vue-cli创建项目：参考步骤三 3）4）5）

5）如果想转换vue-cli版本

cnpm i -D @vue/[email protected]    覆盖局部脚手架版本

3、使用vue-cli创建项目

1）window+r，打开命令行管理器

2）切换至项目文件将要存放的位置的路径

3）创建项目

vue create 项目名称

4）选择配置方式

一般选择Manualy select features（因为不想选择 eslint）

5）自定义项目内容及根据项目需求安装模块

4、运行项目

cd 项目名称

npm run serve

运行成功

 复制地址，打开浏览器输入，当显示一下界面，则项目创建成功！！！