核心内容摘要
看懂风扇的“里外”：原理、构造、性能与计算的系统性解读
在 Vue 项目里常用的调试启动命令和编译命令如下开发环境调试启动要是你用的是 Vue CLI 创建的项目可在项目根目录下运行下面的命令来启动开发服务器npm run serve执行该命令后项目会进入热更新模式只要代码有修改浏览器就会自动刷新。
服务器默认会在http://localhost:8080这个地址启动。
生产环境编译打包当项目开发完成需要部署到生产环境时要先对项目进行编译优化。
同样在项目根目录下运行npm run build运行此命令后Vue 项目会被编译到dist目录。
编译后的文件都是经过压缩和优化的可直接用于生产环境部署。
命令说明npm run serve是vue-cli-service serve的简写形式其作用是启动开发服务器。
npm run build则是vue-cli-service build的简写用于生产环境的构建。
如果你的项目没有使用 Vue CLI那就需要在package.json文件中查看或者配置对应的脚本命令。
在调试和编译之前需要准备以下工作
全局安装 Vue CLI你可以尝试在全局范围内安装 Vue CLI 工具npm install -g vue/cli安装完成后再次尝试启动开发服务器npm run serve
本地安装项目依赖要是已经全局安装了 Vue CLI但项目依赖没有安装那么在项目根目录下执行以下命令npm install这个命令会根据项目package.json文件中的配置安装所有缺失的依赖。
手动安装vue/cli-service若上述方法都不管用你可以直接安装vue/cli-servicenpm install --save-dev vue/cli-service
检查package.json配置要保证package.json文件中包含以下配置{ scripts: { serve: vue-cli-service serve, build: vue-cli-service build }, devDependencies: { vue/cli-service: ^
5.
0 } }
使用 npx 临时调用命令如果你不想安装全局依赖可以使用 npx 临时调用npx vue-cli-service serve解决方案
总结建议你按照以下步骤解决问题首先在项目根目录下执行npm install安装项目依赖。
若问题依旧存在尝试安装vue/cli-servicenpm install --save-dev vue/cli-service要是仍然无法解决就全局安装 Vue CLInpm install -g vue/cli要是你使用的是 Vue 3还可以考虑创建一个新项目然后将原有的代码迁移过去npm init vuelatest