如何在vscode中安装vite,并创建vue项目?
如何在vscode中安装vite,并创建vue项目?
·
今天我在安装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创建成功了!!!
更多推荐



所有评论(0)