vue2 开发环境部署 及 打包配置

一、脚手架工具（vue2 的脚手架工具是 vue-cli）

　　1、脚手架工具的安装

　　　　参考  ：  https://blog.csdn.net/wulala_hei/article/details/80488674   或   https://www.jianshu.com/p/32beaca25c0d

　　　　　　　　https://blog.csdn.net/redfruit/article/details/79475400  （推荐）
　　　　说明：vue-cli 脚手架是 基于 webpack 开发的。所以使用 webpack 也可以自己搭建一个自定义的脚手架工具。

npm install -g vue-cli

　　2、项目的 创建 及初始化

vue init webpack myfirstVue
cd myfirstVue
npm install
npm run dev

　　3、项目的 打包部署

npm run build

二、开发的配置

　　1、路由模式

　　2、接口代理

　　3、host 地址 设置为 本地 IP地址：

// config/index.js
var needHost= '' // 打开的host
try {
  let network = os.networkInterfaces() // 获得网络接口列表。
  needHost = network[Object.keys(network)[0]][1].address // 本机ip
} catch (e) {
  needHost= 'localhost'
}

下面配置
host: needHost, 

三、打包的配置

　　参考 我的另外一篇博客：https://www.cnblogs.com/wfblog/p/10512246.html