vue2版本设置启动端口，保姆式教学

最新推荐文章于 2025-03-25 10:46:11 发布
最新推荐文章于 2025-03-25 10:46:11 发布
阅读量4.2k 收藏 4
点赞数 8
分类专栏： 日常笔记 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_45928041/article/details/123217161
版权
本文解析了Vue CLI中'scripts'命令的作用，重点讲解了`--port`设置端口、`--open`自动打开浏览器及不熟悉的`--mode development`和`--component`选项。适合初学者理解项目启动流程。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1、看下图
在这里插入图片描述
2、scripts是启动命令的意思，平常我们写的npm run serve入口都是在这

"serve": "vue-cli-service serve --port 9999 --open",

–port 是设置端口的意思
–open是让项目启动直接打开浏览器，同时url就是项目的启动页面
–mode development （不懂，希望有人评论告诉我）
–compon （不懂，希望有人评论告诉我）

Vue3通透教程【十七】Vite构建TS版本Vue项目
官方推荐
07-10 4万+
本系列将带领大家学习Vue3+TS+vite构成的前端工程化内容，本篇文章重点带领大家搭建Vue3+Ts版本项目！
Vue3通透教程【五】Vue3中的响应式数据 reactive函数、ref函数
热门推荐
官方推荐
02-23 4万+
Vue3中的响应式数据
Vue2：vue-admin-template项目修改访问端口和网站名（人力资源项目）
背心的博客
10-25 3737
Vue2：vue-admin-template项目修改访问端口和网站名（人力资源项目）
修改Vue2项目运行端口号配置后端代理
qq_53154643的博客
05-09 1635
【代码】修改Vue2项目运行端口号配置后端代理。
vue2相关 基础命令
最新发布
sungencheng的博客
03-25 329
vue2相关 基础命令
vue2版本设置启动端口
qq_14993591的博客
08-08 1257
scripts是启动命令的意思，平常我们写的npm run serve入口都是在这。–open是让项目启动直接打开浏览器，同时url就是项目的启动页面。–port 是设置端口的意思。
vue2项目配置“代理”、“端口”、“打包名”、“使用@”、“图片压缩”
bestyinjun的专栏
07-24 1643
vue2项目配置“代理”、“端口”、“打包名”、“使用@”、“图片压缩”
Vue·修改启动端口
qq_43308318的博客
05-27 6255
Vue·修改启动端口 项目根目录下或src目录下新建vue.config.js文件 **注：配置完成保存后，退出重启项目才会生效** 项目启动后会默认加载此配置文件信息 如图： 位置：vue2-manage-v\vue.config.js // 如果改变就需要重启项目 module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : '/', outputDir: 'dist
Vue2与Vue3共存于一台电脑 保姆级教程
程序员柒的博客
02-06 9366
提示：以下是本篇文章正文内容，下面案例可供参考右键我的电脑(此电脑) ----> 属性 —> 高级系统配置 —> 环境变量win11系统win10新建环境变量，目的是把我们的vue2和vue3的命令添加进去同理，vue3也是如此修改path变量双击path出现左边弹框。点击新建，输入以%包裹的变量名，中间的变量名就是你新建的环境变量。头尾分别加上%，别搞错了。注意：win10电脑追加path是上面所述，不是win10的话，直接在path后面用分号隔开例如：;%VUE_CLI2%;
Vue配置服务器启动端口号
milijiangjun的博客
08-14 2944
1 找到要更改的文件 打开我们的项目 打开config 中的index.js 更改需要更改的选项 ip 端口 是否自启动端口 错误覆盖： 通知错误： 自动打包 然后从新进行编译 npm install npm run dev 看运行效果
修改vue2.0的端口，vue项目的真机调试
加菲猫的鳄鱼的博客
05-05 1951
在某些时候，我们vue默认的端口会与其他服务器端口重复，此时我们需要修改vue端口，我用的是vue+webpack开发的，因此我们可以找到vue文件下的config文件夹，再找到index.js文件，我们找到port会看到它后面跟随了8080，此时我们把8080修改为我们想要修改的端口号就行 在我们完成项目的时候，想用真机来测试vue项目时，我们需要保证当前电脑和手机使用同一个局域网（...
vue修改启动项目的端口号
渴望飞的鱼的博客
11-01 1万+
有时候启动其他tomcat等端口号会冲突，那么需要修改下端口号。 启动项目。默认端口号：8080 http://localhost:8080/#/   修改方法： （1）打开项目路径——找到cofig文件——修改index.js文件 （用记事本打开会十分乱，建议用nopad或者其他编辑器打开，格式美观一点） （2）修改端口号 （3）保存，重启即可。 进入文档路径——启...
Vue2接口地址配置(webpack)
侞婼冇罪
06-16 4265
找到文件 开发环境配置如下： 生产配置： 使用方法： axios.defaults.baseURL = process.env.API;
vue2 通过设置devServer.port端口号，启动测试服务后端口失效/自动切换端口
经验之谈，不做搬运工
04-28 1013
vue2 设置端口号小于1990（通过设置devServer.port） 启动测试服务后端口失效/自动切换端口。
Vue项目--启动和配置端口
qq_61996308的博客
10-13 693
配置 修改端口
vue2配置vue.config.js
Qin_jiangshan的博客
10-11 408
【代码】vue2配置vue.config.js。
修改vue启动端口
wolf_tuteng的博客
02-10 2091
修改vue启动端口 1.找到项目中的config文件夹，并找到index.js文件 2.在文件中找到dev下的port，讲port改为你想设置的端口。 3.然后重启项目。 端口设置成功 ...
02. Vuepress2.x 修改端口号
前端技术
08-04 2301
默认端口号是 8080。 可修改.docs/vuepress/config.ts 配置文件。 新增 port 属性，这里改为 8099。 module.exports = { host: 'localhost', // ip port: '8099', //端口号 title: '我的技术站', // 设置网站标题 description: '描述：我的技术站', themeConfig: { ... } } ...
vue更改端口号
weixin_46092900的博客
11-24 692
更改端口号 在vue.config.js文件中 module.exports={ devServer:"8080" } 在参数中进行更改
Vue3.0版本发布下载与渐进式框架介绍
2. 更好的性能: Vue 3在虚拟DOM实现和响应式系统方面做了重大改进，减少了不必要的DOM操作，提高了运行时性能和内存使用效率。 3. Teleport: 一个新的内置组件，允许开发者将子组件的DOM挂载点移动到DOM树的其他...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值