npm create vite@latest
和npm init vite@latest
命令是等效的,npm create是npm init的别名,它们的作用都是使用create-vue创建一个基于Vite的项目。
npm create vite@latest
这个命令实际上是先安装create-vite这个包,然后再执行create-vite命令。
下面来执行一遍:
输入y:
输入项目名称:
选择Vue:
选择JavaScript:
项目创建成功了:
此时项目的文件布局:
package.json文件的内容:
切换到my-vite-project目录:
执行npm install命令:
此时项目的文件布局:
执行npm run dev命令,出现如下界面:
说明服务器已经启动,到浏览器中输入http://localhost:5173/