首页  

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

若依框架前端基础知识