[TOC]
### 安装vue-cli 3.0 创建Vue项目
~~~
npm install -g @vue/cli
vue --version
vue create myProject
~~~
### 初始化项目
* [ ] vsCode 配置
根目录新建 .editorconfig 文件
~~~
root = true
[*]
charset = utf-8
indent_style = tab
indent_size = 2
~~~
配置完成，需要安装 EditorConfig for VS Code 插件
*****
* [ ] 规范目录结构
*****
* [ ] vue.config.js 常用配置
~~~
const BASE_URL = process.env.NODE_ENV === 'production' ? '/admin' : '/'
const path = require('path')
const resolve = dir => path.join(__dirname, dir)
module.exports = {
// 项目基本路径
baseUrl: BASE_URL,
chainWebpack: config => {
config.resolve.alias
.set('@', resolve('src'))
.set('_c', resolve('src/components'))
},
// 打包时，不生成.map文件
productionSourceMap: false,
// 跨域配置
devServer: {
// 代理 url
proxy: ''
}
}
~~~
>[info] baseUrl 根路径
> process.env.NODE_ENV === 'production' ? '/admin' : '/' 区分环境变量
> production 开发环境
