@vue/cli3快速创建项目采坑记

在卸载了vue-cli2.X后，使用cnpm install -g @vue-cli安装最新版的vue-cli脚手架工具，再使用vue create myproject时构建不成功。
解决：
vue create myproject -r https://registry.npm.taobao.org
根据项目需求进行手动设置，可以添加一个可复用的preset。
Vue CLI使用的是基于插件的架构，在package.json中依赖大部分都是@vue/cli-plugin开头的。
安装插件：vue add @vue/eslint
通过：npm run serve运行项目

Vue CLI是基于Vue.js通过@vue/cli搭建交互式的项目脚手架，可升级，基于wepback构建的，并且带了合理的默认配置，但是我们也可以通过在项目中添加vue.config.js文件进行配置，还提供了 vue ui图形化的创建管理项目界面。

无需eject！！！这个是跟react项目对比的，如果你要配置webpack，必须eject弹出webpack的初始配置。

CLI服务（cli-service）是开发环境依赖，提供了serve，build，lint等命令。

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

你可以使用npm run build进行打包，默认是在dist文件夹下面，当然也可以使用npx进行修改执行打包命令输出：
npx vue-cli-service build --dest www/
（打包输出在www文件夹目录下）
Vue CLI的官网提供了vue-cli-service的相关命令参数配置。

构建多页应用：

支持在vue.config.js中的pages选项中构建多页应用。

静态资源

public目录下或者通过绝对路径被引用的不会被webpack处理，众所周知，webpack是处理模块化的构建工具，所以相对路径引入的会被webpack处理。
项目中的public目录一般是部署在域名的根部，如果要用到public目录下的资源，需要配置publicPath。

CSS相关

Vue CLI已经为你提前添加了PostCSS，CSS Modules，Sass，Less，Stylus等loader,你无需再配置和安装了。

重点来了，webpack相关

@vue/cli-service对webpack进行了抽象，意思就是说：理解配置比较困难（毕竟不知道大神用了何种高深的代码），更别提修改了，一不小心改残了就不好了。哈哈哈哈！！！
所以大神的配置你理解理解就好了，所以他提供给你了少儿版的一看就懂的解析文件供你参考：

vue inspect > output.js

output.js只是个帮你用来理解，到底大神帮你做了哪些webpack的配置工作？真正的配置文件还是不给你看了，以防被你误以为他在装13！

支持自己配置webpack相关配置，在vue.config.js中，你可以添加，修改loader，修改plugins选项等。

【不定期更新中】