[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 開發環境
