#### 安装
1. npm国内网站慢
淘宝npm镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org
2. 全局安装
npm install -g vue-cli
cnpm install -g vue-cli
-g 安装到系统目录下
不加-g:安装到当前目录下
3. 创建一个基于“webpack”模板的新项目
vue init webpack my-project
4. 安装依赖到当前目录下
进入项目文件夹下
npm install
cnpm install
5. 执行项目
npm run dev（npm start）
6. 打包上线
npm run build
打包完成后，会生成dist文件
自己的项目文件都需要放到src文件夹下
#### 配置
1. 修改端口、地址
config/index.js
2. 代码空格等报错
config/index.js中useEslint：false
4. 图片路径问题
把图片放在src/assets/imgs下
config文件下index.js文件
dev:assetsPublicPath: '/',
build:assetsPublicPath: './',
5. 组件按需加载
build/webpack.prod.conf.js
```
output: {
path: config.build.assetsRoot,
filename: utils.assetsPath('js/[name].[chunkhash].js'),
chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
},
```
6. 引用cdn
```
<script type="text/javascript" src="https://cdn.bootcss.com/vue/2.5.9/vue.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/vue-router/3.0.1/vue-router.js"></script>
```
build/webpack.base.conf.js
```
externals:{
'vue': 'Vue',
'vue-router':'VueRouter'
},
```
7. 外部引用规则
**待补充**
