一、安装vue-cli

npm install -g @vue/cli 

安装完成后：输入vue -V检查版本，出现版本号就表示安装成功，如果出现“vue” 不是内部或外部命令，也不是可运行的程序或批处理文件，就说明安装失败了

（1）新建一个空文件夹，在该文件夹下打开终端，输入创建命令按回车

# 项目名不能用驼峰命名
# 格式为：vue create [Vue项目名称]
vue create vue-project-name

第一项和第二项，选择后会直接创建对应项目。 这里主要介绍选择第三项手动配置。

（2）选择第三项以后，会有如下选择配置项，按空格选中/取消选中

个人习惯勾选如下： （选完之后按回车）
​

（3）选择vue版本

按需勾选，我一般用vue2
​

（4）路由模式

第三步选择路由才会有这一步骤，一般选择Y
​

（5）css预处理器

在第三步中勾选CSS pre-processors才会有这一步选择，选择第2个
​

（6）配置文件的存放位置，选择第一个

选项一：配置文件放在独立的配置文件中。 选项二：配置文件放在package.json中。 tips：建议选择第 2 个，保存到单独的配置文件，这样方便我们做自定义配置

（7）保存配置

输入y以后，会让你输入一个名称，下次创建项目，在（1）中就会多出一个这个名称的选项。一般输入y
​
​
再按回车，脚手架就会开始自动创建项目了！！！

（8）运行项目

​
打开效果如下：
​