浅析npm run serve为什么不起作用,以及用vite创建vue怎么启动项目?

552 阅读1分钟

参考网址

问题:使用vite创建vue3时npm run serve 找不到serve

1 小结

  1. 命令依赖链:npm run serve -> node_modules.binue-cli-service.cmd serve -> node node_modules@vuecli-serviceinue-cli-service.js serve
  2. vue-cli 的开发环境实际上使用了 webpack-dev-server 模块实现。
  3. vue.config.js 的配置会作用到 webpack-dev-server 上。

2 vite

Vite是一个由Vue.js的创始人尤雨溪(Evan You)开发的现代前端构建工具,它提供了一个开发服务器来提供模块热替换和ES模块脚本的本地开发环境。

在Vite中,你不需要像传统的webpack或者parcel那样运行一个任务来启动开发服务器,而是直接通过vite命令启动。因此,你不能用npm run serve来启动Vite项目。

取而代之,你可以使用以下命令来启动Vite开发服务器:

bash复制代码
	npm run dev

或者:

bash复制代码
	yarn dev

这将启动Vite开发服务器,并在浏览器中打开你的应用程序。