- vue create vuedemo
你会被提示选取一个preset。你可以选默认的包含了基本的Babel+ESLint设置的preset,也可以选手动选择特性来选取需要的特性。- Babel : 将ES6编译成ES5
TypeScript: javascript类型的超集
Progressive Web App (PWA) Support: 支持渐进式的网页应用程序
Router:vue-router
Vuex: 状态管理
CSS Pre-processors: CSS预处理
Linter / Formatter: 开发规范
Unit Testing: 单元测试
E2E Testing: 端到端测试 - ESLint + Standard config
-
( ) Lint on save // 保存就检测
( ) Lint and fix on commit // fix和commit时候检查 在git commit 提交时做代码规范检测 - In dedicated config files // 独立文件放置
In package.json // 放package.json里 - 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)