Vue脚手架

安装 webpack 以及 vue cli

1. 安装 npm （命令建议使用 powershell）nodejs 安装地址：https://nodejs.org/en/

2. npm -v  　　检测是否安装npm成功

3. npm install webpack -g    全局安装 webpack

4. npm install webpack webpack-cli -g    安装 webpack-cli 依赖

5. npm install -g vue-cli   安装 vue 脚手架 （用于自动生成 webpack+vue 的项目模板）

6. vue init webpack myapp   初始化项目（myapp 项目名） 根据提示进行配置 

7. npm install -D  加载开发依赖项 （进入项目文件）

8. npm run build  项目打包上线（进入项目文件）

9. npm run dev　 启动项目（进入项目文件）

 

q&a

　　q. npm run dev  浏览器无法自启

　　a. 将 config/index.js  autoOpenBrowser 修改为 true

　　q. npm run dev  默认浏览器 ie

　　a. 控制面板 - 设置默认程序 - 将chrome 设为默认浏览器 

　　q. npm资源连接太慢

　　a. 安装淘宝镜像 npm install cnpm -g --registry=https://registry.npm.taobao.org  用 cnpm 命令替代

　　q. Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本

　　a. 管理员身份运行powershell   set-ExecutionPolicy RemoteSigned

           

　　q. 项目在 ie 打开空白

　　a. 安装 babel-polyfill 使浏览器支持 es6的语法和对象

　　　　cnpm install --save-dev babel-polyfill

　　　　main.js 中引入 import 'babel-polyfill'

    　　   store.js 中引入 import 'babel-polyfill'

    　　   webpack.base.conf.js  修改 entry 属性