Vue cli项目 修改运行命令和端口号

最新推荐文章于 2024-01-18 11:39:16 发布
最新推荐文章于 2024-01-18 11:39:16 发布
阅读量2.3k 收藏 15
点赞数 4
分类专栏： # Vue.Js 文章标签： vue vue cli
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36171287/article/details/114933525
版权

vue cli项目默认运行的端口号是8080，运行命令是npm run serve

可以在package.json中修改运行命令，将serve修改为dev，就可以使用npm run dev运行项目
在这里插入图片描述
修改运行的端口号，需要在node_modules中查找@vue文件夹，里面有cli-service文件夹，找到lib文件夹，commands文件夹，找到serve.js文件夹。
顺序：node_modules --> @vue --> cli-service --> lib --> commands --> serve.js
在这里插入图片描述
在serve.js文件夹中查找defaults，修改port就可以设置端口号了
在这里插入图片描述
在这里插入图片描述

基于 Vue CLI 搭建 Vue 项目全攻略
12-10
使用`vue create my-vue-project`命令创建一个新的Vue项目，其中`my-vue-project`是项目名称，可以根据实际情况进行修改。执行该命令后，会提示用户选择一系列配置选项，如选择预设配置或是手动选择特性。对于初学者...
Vue.js更改调试地址端口号的实例
10-18
但当我们需要同时运行多个Vue项目或有其他服务占用相同端口时，就需要修改这个端口号。 首先，我们查看项目根目录下的`package.json`文件，这是项目的主要配置文件。在`scripts`部分，可以看到`dev`和`start`命令...
Vue-cli改变端口号
jomes_wang的博客
01-28 1051
一：前言​ 发现有时vue-cli运行时端口会与其他应用的端口相冲突，因此改变默认端口 二：步骤 package.json文件下修改 –port "scripts": { "serve": "vue-cli-service serve --port 9001", } vue.config.js文件下添加 (如果没有就在根目录下创建文件) module.exports = { dev...
vue-cli项目修改端口号
蒋劲豪的博客
06-28 631
【代码】vue-cli项目修改端口号。
Vue项目的创建、运行与端口号修改
qq_51688022的博客
11-25 2075
详细讲解了Vue的安装下载，项目的创建，运行与访问端口号修改
vue-cli3.0修改端口号
aGreetSmile的博客
11-22 472
1、package.json文件下修改 --port "scripts": { "serve": "vue-cli-service serve --port 9001", } 2、vue.config.js文件下修改 module.exports = { devServer: { port: 9001 } } ...
VUE CLI 3 默认端口修改
南方硅人的博客
02-06 1912
方法一（建议） 在src目录下创建文件vue.config.js（名称不能改动） 添加以下代码，可以改变端口 module.exports = { devServer: { port: 8001 } } 方法二（不建议） 所在目录：node_modules@vue\cli-service\lib\commands 需要修改的文件：serve.js 默认端口为808...
vue修改vue项目运行端口号的方法
08-29
在开发Vue项目时，有时可能需要更改项目的默认运行端口号，以避免与其他应用冲突或根据个人喜好进行定制。Vue CLI创建的项目，默认情况下会在`localhost:8080`上启动，但通过以下步骤，我们可以轻松地修改这个端口号...
Vue修改项目启动端口号方法
10-16
总结来说，修改Vue项目启动端口号主要涉及`package.json`、`build/dev-server.js`和`config/index.js`（或`vue.config.js`）这三个文件的配置。通过以上步骤，你可以根据自己的需求灵活地调整项目启动时使用的端口，...
Vue cli构建及项目打包以及出现的问题解决
10-18
总而言之，Vue-cli项目构建流程大体包括安装Node.js和Vue-cli、初始化项目、安装依赖、启动项目和打包项目这几个步骤。在每个环节中，可能都会遇到一些细节问题。掌握这些基础知识，可以帮助我们更好地利用Vue-cli...
vue cli 3.0设置指定端口号运行
橙-极纪元-JJYCheng
03-05 2542
转载：https://www.cnblogs.com/gitByLegend/p/11124399.html 在项目根目录创建vue.config.js文件 module.exports = { devServer: { port: 3000, // 端口 }, // lintOnSave: false // 取消 eslint 验证 }
【每日一问】如何修改vue项目运行的端口号？
qq_46580087的博客
04-21 4507
睡在哪里都是睡在夜里。
vue-cli命令
madaidai1204的博客
02-28 1614
1、 vue-cli 脚手架安装 环境 资源 测试 热启动 打包上线 webpack 主流 前端三大自动化工具 能直接识别js 不能识别 html css 图片 字体图标 jsx less scss gulp 面试讲 grunt 1）测试是否有node 环境 并且 node 版本>=v 8.11.0 12.0.0 使用命令 node -v = 2）为了让下载包的速度快 安装 cnpm yarn 不会丢包 ...
笔记：vue-cli-service
liuruiaaa的博客
04-27 4012
笔记：vue-cli-service
vue修改指定端口
m0_56419249的博客
12-16 2371
vue修改指定端口
vue项目默认端口号
最新发布
m0_55477902的博客
01-18 2875
本地启动vue项目时，明明在vue.config.js中配置的端口号为默认的80，但启动后端口号总是从1024开始，如果被占用则会在占用的端口号上+1，一直没想通，最近才知道原来mac os的默认端口号windows不同。在mac os中，非root用户是无法使用小于1024的常用端口的。如果小于1024端口，会从1024开始。vue项目如果要自定义端口号，有几种方式。
Vue Cil配置过程
半度纳的博客
07-11 660
安装Node.js :● 为了使用npm，首先需要下载Node.js安装包，下载地址可参考： – https://nodejs.org/dist/v16.14.2/node-v16.14.2-x64.msi – https://mirrors.nju.edu.cn/nodejs/latest-v16.x/node-v16.14.2-x64.msi – https://mirrors.tuna.tsinghua.edu.cn/nodejs-release/v16.14.2/node- v16.14.2-x64
处理解决运行前端脚手架工程报错： ‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。附带 Linux
boboJon的博客
12-25 1万+
本章主要是讲述了运行脚手架工程时遇到的一些问题。
vue默认端口号(port:8080)修改
热门推荐
qq_45594237的博客
03-29 3万+
工作中可能存在启动多个项目的时候，默认端口号会被占，导致启动错误，这种情况下把要启动的项目的端口号换掉，启动未用的端口就可以了，具体实现如下： 一 .vue-cli2 方式1. vue-cli2中端口文件存放目录为：根目录下/config/index.js // Various Dev Server settings host: 'localhost', // can be overwritten by process.env.HOST port: 80, // can be overw.
vue3项目修改运行时候的端口
05-11
在 Vue 3 项目中，你可以修改运行时候的端口，具体操作如下： 1. 打开项目根目录下的 `package.json` 文件，找到 `"scripts"` 对象中的 `"serve"` 属性，该属性用于启动开发服务器。 2. 在 `"serve"` 属性值中添加...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

空城机

有钱捧个钱场，没钱捧个人场

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值