如何在vscode中安装vite，并创建vue项目？_vscode vite

今天我在安装vite的时候发现明明在vscode中安装了扩展，但是无法使用，待我查阅了资料后才发现：

第一步：要想在vscode中使用vite 需要在官网下载node.js

node.js下载地址：下载 | Node.js 中文网http://nodejs.cn/download/

 选择这一行，首先要清楚自己的电脑是多少位的

第二步：下载完后记得在vscode的终端中查询是否安装

 选择新建终端

输入npm -v然后回车就可以查看自己的是否安装啦，版本号也会出来，我的版本是8.19.2

第三步：安装vite

 

6版本和7以上版本的代码不一样哦注意区分，注意别把前面的符号写进去

 博主是8版本因此使用7+这一行的代码

第四步：通过vite创建项目

 写完这一行先别急着按回车，注意看里面的<project-name>这就是你通过vite创建的项目名称，你需要删掉这个<project-name>然后写上自己的项目名称，然后再按回车

 

 这就是安装好啦，再按照提示的这三行代码一行一行输入，按回车就可以啦

你会得到这样一个地址，点进去 

当你看到这个页面时，恭喜你，你的vue 项目已经通过vite创建成功了！！！