一、脚手架工具(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