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 属性

              

 

posted @ 2020-04-10 12:04  Isabel丶  阅读(236)  评论(0编辑  收藏  举报