Vue启动项目使用npm run dev还是用npm run serve

最新推荐文章于 2024-09-24 15:30:45 发布

原创最新推荐文章于 2024-09-24 15:30:45 发布 · 2.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue

前端同时被 3 个专栏收录

26 篇文章

订阅专栏

vue

8 篇文章

订阅专栏

个人博客系统

4 篇文章

订阅专栏

本文讨论了在Vue项目中选择使用`npm run dev`还是`npm run serve`的原因，主要取决于Vue脚手架的版本。Vue-cli2使用`npm run dev`，而Vue-cli3及以上版本则推荐使用`npm run serve`。对于从Vue-cli2迁移至Vue-cli3的项目，可以通过安装@vue/cli-init并调整package.json配置，在Vue-cli3中继续使用`npm run dev`启动。

使用npm run dev还是npm run serve有两点原因

1. 脚手架版本号

vue-cli2使用npm run dev

vue-clie3以上版本使用npm run serve

2. 配置问题

如果安装的是vue-cli3可以将vue-cli2拉过来即在使用npm install -g @vue/cli安装完成脚手架之后输入命令npm install -g @vue/cli-init，然后再vue项目中的package.json中进行如下配置

 "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js"
}