nodejs官网下载 (https://nodejs.org/en/)nodejs,下载尽可能新的版本并安装
![](https://i-blog.csdnimg.cn/blog_migrate/f4acfbccc1ec4309f1008ee0f99f61c1.png)
新建一个空文件夹 并用vscode启动 开始验证 node npm是否安装好
验证node当前版本
node -v
验证npm当前版本
npm -v
![](https://i-blog.csdnimg.cn/blog_migrate/ba6bab2867846f9c358b4453b3eb5f78.png)
官网会指出最低版本要求,注意自己的nodejs版本是否符合要求
![](https://i-blog.csdnimg.cn/blog_migrate/2bad56221d8f6b1d4cc50827a667ce95.png)
在空白目录下使用不同工具创建项目
用npm创建项目
npm create vite@latest
用yarn创建项目
yarn create vite
用pnpm创建项目
pnpm create vite
输入好以上命令行后 按回车 三步创建项目
首先 确定项目名称 可以用默认 确定好后 按回车
![](https://i-blog.csdnimg.cn/blog_migrate/440e67d6318f9acb252235fe1089c7c8.png)
第二步 选择框架 点击上下选择需要的框架 我们这里选择vue 选择好后 按回车进入下一步
![](https://i-blog.csdnimg.cn/blog_migrate/cfece4bee647918bc03ec31baae4bd2b.png)
第三步 选择语言 上下选择 这里我们选择js 上下按键选择好后 按回车进行创建项目
![](https://i-blog.csdnimg.cn/blog_migrate/cf21f42f6d8c3216d18328599ee0e816.png)
安装完成
在执行好安装三步后,等待几秒,当左边空白文件出现大量新文件,并终端控制台出现 Done. Now run:
字样时候表示项目已安装完成
![](https://i-blog.csdnimg.cn/blog_migrate/4eed8f2462a1ede1fcffc299ef2e398f.png)
启动项目
三步启动项目
首先 按照 控制台提示 敲下如下代码 进入刚创建好的项目
![](https://i-blog.csdnimg.cn/blog_migrate/0fb8ab76968744f204dd22fa0dc32e58.png)
第二步 执行 npm install 安装依赖
![](https://i-blog.csdnimg.cn/blog_migrate/462079087579bf42f4eac3014fa76cc9.png)
最后一步 npm run dev 启动项目(以后每一次启动项目 都可以用这个命令)
![](https://i-blog.csdnimg.cn/blog_migrate/61024f409c8931204e444d26ee1d5e44.png)
浏览器出现这样的界面表示viet+js+vue项目创建成功 并且 正常启动 在这个脚手架之内就可以正常开发业务所需要的功能了
![](https://i-blog.csdnimg.cn/blog_migrate/1bc2b43ed340130798bce9dd56e35669.png)