Vue-cli3.0

过程大纲

全局安装 vue-cli

$ npm install -g @vue/cli

建立新项目

$ vue create jc-project(项目名字)

选择配置（默认配置|手动配置）

... $ cd jc-project

开始

首先： npm install -g @vue/cli 提示安装好了以后，命令行输入：vue -V
个人版本是：

3.8.2
复制代码

若是出来这个，说明Vue-cli3.0 上面的命令成功了~~

接着 vue create vue3-project （本身定义一个项目名字）

? Please pick a preset:(Use arrow keys) 
一、>default (bable, eslint)
二、manually select features
复制代码

一、 是vue-cli3.0 默认的架子

二、 是须要自定义的架子，按需搭建的

选择 二、 继续

他会出现几个选项而后能够按照本身须要的进行安装， 按空格来切换

若是选择的路由 ， 那么他会提示
Use history mode for router？
这时候 ，咱们选y

若是选择了 css预处理器那么他会提示
Pick a CSS pre-processor
而后选择一个本身须要的就行了

接着：

回车以后提示一个：

Where do you prefer placing config for Babel, PostCSS, ESLint, etc.?
// 您喜欢将babel、postss、eslint等配置放在哪里？
复制代码

In dedicated config files.（在专用配置文件中） // 通常都放在这里

选择这个以后：

回车又提示：

Save this as a preset for future projects? (y/N)    // 是否记录一下以便下次继续使用这套配置
复制代码

（注：键入N不记录，若是键入Y须要输入保存名字） 意思就是 若是保存了下次再新建脚手架的时候，他会有如今这个搭建好的骨架。就不用再走上面的流程了。

若是保存了，在整个项目安装完成以后，会有个隐藏文件叫: .vuerc 的文件，打开以后是一个json文件， 他是全部保存的脚手架配置的东西。每一个属性就是刚才保存的时候，本身起的名字，所对应的一个对象了。若是在这里 删除了，那么在下次 搭建的时候。 他就不会出如今 一开始要安装要你选择的脚手架库了（从脚手架库移除了已经）。 注意: 这个文件不能啥也没有， 即便为空也是得{}, 这样才行~

---

弄好以后，回车。他会开始安装了……
// 此过程可能有点久

最后，安装成功后显示：

………
$ cd (你的项目名字)
$ npm run serve
复制代码

到此就搭建好了一个完整的 vue-cli3.0 ~~~

结束