在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所发表文章内容。
 


版权声明:本文为cccrystal12原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。