编译前端项目
1,找到 package.json 文件
2,右键,点击显示 npm 脚本
3,点击build
成功编译。

npm run dev
用途:启动本地开发服务器,用于开发调试。
典型场景:在开发阶段实时编译代码、热更新(HMR)和错误提示。
底层工具:可能关联 vite、webpack-dev-server 或 next dev 等工具。
npm run build
用途:构建生产环境代码,优化资源(如压缩、Tree-shaking)。
输出结果:生成 dist/ 或 build/ 目录,包含静态化文件。
典型场景:部署前生成最终代码,提升性能和兼容性。
**npm run preview****
用途:本地预览生产环境构建结果,验证构建是否正常。
底层工具:常见于 vite preview 或 serve 等工具。
典型场景:在部署前检查构建后的页面功能是否正常。
生成的静态资源

浙公网安备 33010602011771号