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

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

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

以上是 vue2 开发环境部署 及 打包配置 的全部内容， 来源链接： utcz.com/z/380008.html

回到顶部