今天我在安装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创建成功了!!!

 

 

Logo

前往低代码交流专区

更多推荐