基于vite搭建vue3项目

1. 安装Nodejs

下载地址Node.js (nodejs.org)
选择适合自己的版本进行安装，安装步骤就不贴了。

2. NPM方法

• 查看版本

npm -v

• 升级 npm

cnpm install npm -g

• 升级或安装 cnpm

npm install cnpm -g

3. 安装和更新

• 安装最新稳定版 vue

cnpm install vue@next

• 全局安装 vue-cli

cnpm install -g @vue/cli

• 安装完后查看版本

vue -V

4. 创建并运行项目

• 使用 vue init 命令来创建一个项目

npm init vue@latest
# 这里需要进行一些配置，默认回车即可
✔ Project name: … <your-project-name>
✔ Add TypeScript? … No / Yes
✔ Add JSX Support? … No / Yes
✔ Add Vue Router for Single Page Application development? … No / Yes
✔ Add Pinia for state management? … No / Yes
✔ Add Vitest for Unit testing? … No / Yes
✔ Add Cypress for both Unit and End-to-End testing? … No / Yes
✔ Add ESLint for code quality? … No / Yes
✔ Add Prettier for code formatting? … No / Yes

Scaffolding project in ./<your-project-name>...
Done.

• 进入并运行

> cd <your-project-name>
> npm install
> npm run dev