前端项目框架搭建（vue3-vite-ts-pinia）

1.创建项目文件夹

在项目所在文件创建项目文件夹

右键文件夹，通过code打开。

打开终端（ctrl + `）,确保终端文件夹是刚刚创建的项目文件夹。

2.使用脚手架搭建项目

输入命令，然后会出现Ok to proceed? (y)，输入y然后enter,然后根据提示左右键选择是否需要enter。

npm create vue@latest

文件夹里出现刚刚创建的项目文件夹“project-vue3”，就创建成功了。再右键该文件夹重新通过code打开

根据提示分别执行以下命令：

//切换终端文件目录到刚刚创建的项目里，如果按照我的操作重新打开了code,并且终端文件是项目文件夹就可以忽略这一步
cd project-vue3
//下载依赖
npm install
//用于格式化代码,使其遵循一致的风格和规范
npm run format
//运行
npm run dev

点击地址，就可以看到初步搭好的项目啦。

3.引入组件库

这里引入element-plus,根据组件库官网教程安装。

1）安装

输入下面指令，看到added 数字 packages in 数字s就可以了。

npm install element-plus

2）