用vue-cli快速生成vue项目

一、全局安装webpack

npm install webpack -g

二、安装node

三、全局安装vue-cli

npm install vue-cli -g

四、生成项目 

vue init webpack project_name

五、安装依赖模块 

在项目文件夹内打开cmd

npm install

六、开发环境运行

npm run dev

七、配置篇

1、开发环境编译后自动打开浏览器

修改confog/index.js里面的autoOpenBrowser为true。 

2、打包后空白问题修复

 修改confog/index.js里面的build对象中的assetsPublicPath为./。 

 

3、打包后图片路径问题

 在build/utils.js里面的fallback后面添加publicPath: '../../'。