vue-cli 3.x
2018-10-31 本文已影响0人
Volcaner
1. 通过@vue/cli 搭建交互式 的 项目脚手架
CLI服务（@vue/cli-server）构建于 webpack & webpack-dev-server 之上
2. CLI 插件
vue cli 插件的名字以
@vue/cli-plugin-（内建插件）
或
vue-cli-plugin-（社区插件）
开头，
当 项目内部运行 vue-cli-service 命令，会自动解析加载 package.json 中列出的所有 cli 插件。
// TODO：可复用的preset
3. @vue/cli安装（Mac 需要 sudo）
npm install -g @vue/cli
# OR
yarn global add @vue/cli
// 验证
vue --version
暴露 vue create <app> 命令
2. vue-cli-service
暴露 vue-cli-service server / build / inspect 命令
vue-cli-service serve [options] [entry]
/**
--open 在服务器启动时打开浏览器
--copy 在服务器启动时将 URL 复制到剪切版
--mode 指定环境模式 (默认值：development)
--host 指定 host (默认值：0.0.0.0)
--port 指定 port (默认值：8080)
--https 使用 https (默认值：false)
**/
vue-cli-service build [options] [entry|pattern]
/**
--mode 指定环境模式 (默认值：production)
--dest 指定输出目录 (默认值：dist)
--modern 面向现代浏览器不带自动回退地构建应用
--target app | lib | wc | wc-async (默认值：app)
--name 库或 Web Components 模式下的名字 (默认值：package.json 中的 "name" 字段或入口文件名)
--no-clean 在构建项目之前不清除目标目录
--report 生成 report.html 以帮助分析包内容
--report-json 生成 report.json 以帮助分析包内容
--watch 监听文件变化
**/
vue-cli-service inspect --mode=development/production
/**
审查一个 Vue CLI 项目的 webpack config
**/
-
vue.config.js
https://cli.vuejs.org/zh/config/#lintonsave -
.eslintrc.js
https://eslint.org/docs/rules/
https://www.jianshu.com/p/ad6784d028aa
