Vue-Cli3初体验（二）

CLI服务

  CLI 服务 (@vue/cli-service) 是一个开发环境依赖。它是一个 npm 包，局部安装在每个 @vue/cli 创建的项目中。CLI 服务是构建于 webpack 和 webpack-dev-server 之上的。它包含了：

1. 加载其它 CLI 插件的核心服务；
2. 一个针对绝大部分应用优化过的内部的 webpack 配置；
3. 项目内部的 vue-cli-service 命令，提供 serve、build 和 inspect 命令。

指令

1. npm run serve ； yarn serve ； npx vue-cli-serve serve
2. vue-cli-service serve ：该命令会启动一个开发服务器（基于 webpack-dev-server）并附带开箱即用的模块热重载。
   2.1 --open 服务器启动时打开浏览器。
   2.2 --copy：服务器启动时将 URL 复制到剪切板–copy：服务器启动时将 URL 复制到剪切板。
   2.3 --mode：指定环境模式 默认：development --mode：指定环境模式 默认：development。
   2.4 --host：指定host 默认：0.0.0.0–host：指定host 默认：0.0.0.0。
   2.5 --port：指定port 默认：8080 --port：指定port 默认：8080。
   2.6 --https：指定https， 默认false --https。

  vue-cli-service build：会在 dist/ 目录下产生一个可用于生产环境的包，带有 JS、CSS、HTML的压缩包，和为更好的缓存而作的自动的 vendor chunk spliting。它的chunk manifest 会关联在 HTML 里面。
1. --mode：指定环境模式 默认值 production
2. --dest：指定输出目录：默认dist
3. --modern：面向现代浏览器不带自动回退地构建应用
4. --target：app、lib、wc、wc-async 默认值为app
5. --report ：生成 report.html帮助分析包内容
6. --report-json：生成report.json帮助分析包内容
7. --watch：监听文件变化