步骤讲解Vue-cli创建项目

vue-cli安装

全局安装vue-cli

npm istall -g @vue-cli   

创建一个vue的项目

比如我想在E盘地下的一个文件下创建一个vue的项目

输入cmd，回车，在终端输入

vue create demo-first

demo-first是我的项目名称,建议都起英文名

接下来会出现这个画面

下面三个选项，可以使用键盘的上下键选择

 1. 第一个是自动配置vue2版本的项目
 2. 第二个是自动配置vue3版本的项目
 3. 第三个是手动配置vue的项目

这里我手动配置一下vue的项目，我选择第三个。选择之后回车，随后进入：

提示我们需要选择，什么功能！
有绿色*是选中的意思。
键盘上下键移动，空格键选择，回车进入下一步##
功能介绍如下：

 1. 选择我们需要的vue版本
 2. 解决浏览器的一些兼容性问题
 3. 微软的脚本语言，比js更强大
 4. 渐进式的web框架
 5. router：路由
 6. vuex
 7. css预处理器
 8. 约束团队代码编写风格，统一代码风格,比如所有字符串都要使用**单引号**
 9. 单元测试
 10. E2E测试

由于我是初学者
我选择的功能如下:

回车之后，开始选择安装

选择vue版本。这里选择2X。回车就可以了

选择处理器，看自己需求，想用什么选什么。
我选择less，回车。

这里询问我们，安装的插件怎么存放。

 1. 把Bable,ESLint等插件放到自己独立的配置文件中
 2. 统一放在package.json文件中

我选择1，独立存放，然后回车。

这里选择独立存放。方便查看和寻找
回车之后出现一个询问信息（y/n）
这里的意思就是，是否记住刚刚选择的配置，以便下次快速生成，是或者否？
选择Y后，系统会让你输入一个名字，用来存放你配置的选择。
我选择y，并将名字设置为 xw123
回车，然后等待创建。

安装过程中，建议不要乱动乱划鼠标。
如果窗口突然出现不动的情况下，也许是cmd窗口冻结了，
这时候，点急cmd窗口，按下 ctrl+c可以了
这是创建成功后的样子：

上面提示我们已经成功创建了一个项目
名字：demo-first
想要进行项目的开发，在终端执行那两条蓝色的命令即可

 1. cd demo-first   //命令到项目的跟目录
 2. npm run serve  //启动项目

项目运行成功以后，浏览本机的local地址就可以查看项目了！
终端是在运行项目，如果关闭终端，项目就会跑不起来，所以不要关闭！

这样，一个简单的vue项目就创建完毕了！