Vite脚手架 安装

一、Vite 安装

# 1、安装vite脚手架，全局安装
// yarn
yarn global add vite
// npm
npm install -g vite

Vite 创建 Vue 项目

需要选择Vue Router路由

# 1、创建一个项目
npm init vue@latest
# 2、需要安装create-vue@3.3.4吗？
Need to install the following packages:
  create-vue@3.3.4
Ok to proceed? (y)
# 3、项目名称
Project name：
# 4、是否添加TypeScript
Add TypeScript?
# 5、是否添加JSC支持
# 5.1、JSX即JavaScript XML，是React发明的一种JavaScript的语法扩展，允许 HTML 与 JavaScript 的混写；JSX本身也是一个表达式，在编译后，JSX表达式会变成普通的JavaScript对象。
Add JSX Support?
# 6、是否为单页应用程序开发添加Vue Router路由管理组件
Add Vue Router for Single Page Application development?
# 7、是否添加Pinia组件来进行状态管理
Add Pinia for state management?
# 8、是否添加Vitest来进行单元测试
Add Vitest for Unit Testing?
# 9、是否添加Cypress来进行单元测试和端到端测试
Add Cypress for both Unit and End-to-End testing?
# 10、是否添加ESLint来进行代码质量检查
Add ESLint for code quality?

运行项目

# 1、进入目录
cd vite
# 2、安装模块
# 2.1、yarn
yarn install
# 2.2、npm
npm install
# 3、启动项目
# 3.1、yarn
yarn dev
# 3.2、npm
npm run dev