在vscode终端安装vue构建工具vite

首先确保已安装npm

第一步：全局安装yarn

0.打开cmd（windows + R）

 1.输入安装命令

npm install -g yarn 

2.如果能看到版本号，则安装成功

yarn --version

 步骤二：在vscode安装vite

0.新建一个文件夹，用于存放模块和其他文件

1.在终端进入当前所在文件夹

cd <文件夹名>

 2.初始化项目

yarn init -y

3.安装开发依赖

yarn add vite -D

 

 4.安装vue

yarn add vue

 

进入package.json，开发依赖为vite，依赖为vue

第三步：引入src

0.0.在文件夹内创建html文件（index.html)

0.1.在引入模块node_module所在的文件夹中创建一个文件夹，命名为src

0.2.在src文件夹中创建一个js文件（index.js）

 1.在index.html中引入js文件

 

完结撒花！

如有错误请在评论区指正，本人参考李立超老师Vue3.0教程内容及csdn作者dxysmd所发表文章内容。