Vue项目一般使用自带的脚手架工具vue-cli和webpack打包方式进行项目构建运行。开发中,我们在控制台输入命令行npm run dev部署项目后,默认开启的页面调试地址是8080端口。但是有时候我们在进行多个项目开发需要同时部署多个vue项目,甚至有的还需要启动后台项目,这时就需要修改Vue项目的启动端口(不然会报端口被占用的错误,一个端口号只能一个进程占用)。
本文像大家讲解如何找到Vue项目中端口的配置文件,并修改。
首先,我们打开项目根路径中webpack的配置文件package.
Vue项目模板
专题系列是使用官方脚手架vue-cli来整合单页应用,最后将补充本人项目开发中总结的注意点和要点;
构建设置
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle