vue3项目启动后 编写代码页面不生效且端口号也与配置的不同

检查启动方法 是npm run serve 还是 npm run dev

image.png

使用npm run serve 系统回生成4137端口的页面，这个时候不管如何修改系统代码 页面上也不会生效更新，因为现在的页面版本是某一个固定的版本

使用npm run dev则可以正常启动配置的端口 而且页面也会随代码更改而更改

推荐阅读更多精彩内容

• 使用Vite和TypeScript带你从零打造一个属于自己的Vue3组件库

  前言 随着前端技术的发展，业界涌现出了许多的UI组件库。例如我们熟知的ElementUI,Vant，AntDesi...

  贵贵贵子阅读 1,714评论 0赞 2
• vue-cli之更改调试地址端口号

  vue-cli构建的项目，在控制台npm run dev启动后，默认的调试地址是8080端口的。但是大部分时候，我...

  四小七阅读 11,757评论 4赞 1
• [零基础学习Vue3+webpack项目]的vue3代码的开发编译及其启动项目服务的详解（3）

  在 [零基础学习Vue+webpack]之vue+webpack项目的基础依赖项的安装详解（1）[https://...

  月影WEB阅读 467评论 0赞 1
• create-vue创建vue3项目并集成electron

  create-vue搭建项目 官网：https://staging-cn.vuejs.org/guide/quic...

  ccc往事随风阅读 4,261评论 0赞 1
• vue-cli2、vue-cli3脚手架详细讲解

  前言： vue脚手架指的是vue-cli它是vue官方提供的一个快速构建单页面（SPA）环境配置的工具，cl...

  汪源涛阅读 2,513评论 0赞 0