npm run dev
所属分类 vue
浏览量 8
npm run dev 用于启动项目的开发服务器,通常用于本地开发和调试
提供实时编译、热更新和调试功能,帮助开发者高效开发和调试项目
1. 运行开发环境
npm run dev 会执行 package.json 文件中 scripts 部分定义的 dev 脚本
这个脚本通常配置为启动一个开发服务器(如 webpack-dev-server、vite 或 next dev),并启用热更新(HMR)等功能
2. 启动本地开发服务器
开发服务器会在本地启动一个服务
默认通常是 http://localhost:3000 或 http://localhost:8080
服务器会监听文件变化,自动重新编译并刷新页面(热更新)
3. 启用调试功能
开发模式下,通常会启用调试工具(如 source map),方便开发者调试代码
错误信息会直接显示在浏览器或终端中,便于快速定位问题
4. 加载开发环境配置
npm run dev 会使用开发环境的配置文件(如 webpack.dev.config.js 或 .env.development),与生产环境的配置区分开
开发环境通常会禁用代码压缩、启用日志输出等,便于调试
5. 示例:package.json 中的 dev 脚本
{
"scripts": {
"dev": "vite", // 使用 Vite 启动开发服务器
"build": "vite build", // 生产环境构建
"start": "node server.js" // 启动生产服务器
}
}
运行 npm run dev 时,实际执行的是 vite 命令,启动开发服务器
6. 常用开发服务器工具
Vite: npm run dev 会执行 vite 命令
Webpack: npm run dev 通常会执行 webpack-dev-server
Next.js: npm run dev 会执行 next dev
React Scripts: npm run dev 会执行 react-scripts start
Vue CLI: npm run dev 会执行 vue-cli-service serve
上一篇
下一篇
前端初学者Vue3学习指南
Vue3核心知识点
npm install
若依框架前端基础知识