一、搭建初始项目
1、创建项目,此时如果提示node版本不够(一般需要18.0以上),就先安装符合要求的node版本,再安装vite:
npm create vite@latest
此命令为运行 Vite 的初始化脚本,从而创建一个新的 Vite 项目,vite@latest为最新的版本,也可指定某个vite版本来创建新项目,比如:
npm create vite@5.1.0
2、系统会提示你填写项目的名称,可以默认,也可以自己输入:
3、系统会提示你选择项目使用的框架模板,我这里选择vue:
4、选择使用js或者ts等进行开发,我这里选择js:
5、cd到项目中下载安装依赖:
6、安装依赖,输入npm i:
7、启动项目,输入npm run dev,看到以下界面,即项目已搭建成功:
8、在vscode中创建Vue3快速页面模版: