vue-cli配置

1. vue create vuedemo
2. 
   你会被提示选取一个preset。你可以选默认的包含了基本的Babel+ESLint设置的preset，也可以选手动选择特性来选取需要的特性。
3. Babel : 将ES6编译成ES5
   TypeScript: javascript类型的超集
   Progressive Web App (PWA) Support: 支持渐进式的网页应用程序
   Router:vue-router
   Vuex: 状态管理
   CSS Pre-processors: CSS预处理
   Linter / Formatter: 开发规范
   Unit Testing: 单元测试
   E2E Testing: 端到端测试
4. ESLint + Standard config

5. ( ) Lint on save // 保存就检测
   ( ) Lint and fix on commit // fix和commit时候检查 在git commit 提交时做代码规范检测

6. In dedicated config files // 独立文件放置
   In package.json // 放package.json里
7. vue.config.js文件

前言
在使用vue-cli3创建项目后，因为webpack的配置均被隐藏了，当你需要覆盖原有的配置时，则需要在项目的根目录下，新建vue.config.js文件，来配置新的配置。

module.exports = {
lintOnSave: false, // 在保存代码的时候开启eslint代码检查机制
devServer: { // 实时保存、编译的配置段
open:true, // 自动开启浏览器
host: '127.0.0.1', // 服务主机名地址
port: 12306 // 服务运行端口
}
}

|-- dist # 打包后文件夹
|-- public # 静态文件夹
| |-- favicon.ico
| |-- index.html #入口页面
|-- src # 源码目录
| |--assets # 模块资源
| |--components # vue公共组件
| |--views
| |--App.vue # 页面入口文件
| |--main.js # 入口文件，加载公共组件
| |--router.js # 路由配置
| |--store.js # 状态管理
|-- .env.pre-release # 预发布环境
|-- .env.production # 生产环境
|-- .env.test # 测试环境
|-- vue.config.js # 配置文件
|-- .eslintrc.js # ES-lint校验
|-- .gitignore # git忽略上传的文件格式
|-- babel.config.js # babel语法编译
|-- package.json # 项目基本信息
|-- postcss.config.js # CSS预处理器(此处默认启用autoprefixer)

转载于:https://www.cnblogs.com/bgd150809324/p/11426349.html