如何在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创建成功了!!!
更多推荐
已为社区贡献1条内容
所有评论(0)