vue-cli人门了解和项目搭建

1，vue-cli已经更新到了3.0，这个版本用户体验相对之前来，改变幅度还是比较大的，比如啊增加一键搭建项目和自定义项目，一键搭建项目你只需要输入 vue create 架项目名字即可创建一个项目，而自定义一个项目，你可以选择自定义模式，然后选择官方提供给你的模板，你就可以选择性的创建项目，提供了vuex router等等插件选择，下面我们来看看两种模式创建项目的方法把。

1，vue-cli 一键创建项目

第一步输入 vue create new      vue create 这个是创建项目  new这是项目，可以自定义，

第二部，他会弹出3个选择.

默认选择第一个， 里面带有 vue-router vuex node-saa babel eslint 插件，基本一个项目常用的配置项目全自动帮你配置好，无需你手动去安装，这对于刚接触vue-cli的小白来说，真的是一个很大的福利,哈哈哈哈.

第三部，安心等待，直到初选 cd new  和npm run serve 就说明安卓成功

第四步，输入cd  new进入new目录(注意：项目安装好之后，一定要到new项目内部去开启项目命令)

然后输入npm run serve  开启项目出先8080等端口域名，复制第一个放入百度中，项目即可出现

最后的胜利，兄die 们，我们成功了，祝你按照顺利。

2，vue-cli 自定义创建项目

同一上述 输入vue create newtwo 

按下回车之后，3个选项选择第3个选项，这样你就可以装上自己配置的脚手架了

这里面有很多选择的插件，你可以选择你自己需要的插件（上下键选择 空格选中），安装上，比如你需要vue-router项目必不可少的一个插件。

是否使用Class风格装饰器  bable 等等  不选择就n 选择就y   

这是css 预处理器，你习惯用哪一种，你就安装自己常用的就可以了

ESLint 的配之的话  那就选择一个最基本的配置  ESLint  + Standard config 就可以了

选择第一个 Lint on save，就把之前选择好的配置保存好

这里有两种配置文件，这个就根据你自己来选择了，你喜欢哪一种就选择哪一种就ok了

这个就是将你刚刚的配置是否保存

? Save preset as: 你自己配置这个名字，我这里就叫做 testt

输入你自己配置的名字之后，就胡给你安装

输入cd  new进入new目录(注意：项目安装好之后，一定要到new项目内部去开启项目命令) 

相信看了第一不的同学，这个地方一定会很得心应手的，嘻嘻嘻，看好你哦，你是最棒的。