创建第一个Vue3项目（cli 和vite两种创建方式）

Vue cli

1. vue create <项目名称>

空格键选中（多选）

Babel  //将ES6编译成ES5

TypeScript  //JS超级，主要是类型检查

Progressive Web App（PWA）Support  //渐进式WEB应用支持

Router  //路由

Vuex  //状态管理

Linter/ Formatter  //代码检查工具

CSS Pre-processors  //css预编译 (稍后会对这里进行配置)

Unit Testing  //单元测试，开发过程中前端对代码进行自运行测试

E2E Testing //端对端测试，属于黑盒测试，通过编写测试用例，自动化模拟用户操作，确保组件间通信正常，程序流数据传递如预期。

1. Use class-style component syntax? (Y/n) n

是否使用Class风格装饰器？n

2. 如果选择了TypeScript 会有这样的提示:

Use Babel alongside TypeScript for auto-detected polyfills? (Y/n) y

使用Babel与TypeScript一起用于自动检测的填充? 是

3.Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n) n

路由使用历史模式? 这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面 n

4. 选择css预编译器（一般选择less）

5.代码检查工具

tslint: typescript格式验证工具（如果前面选择了TypeScript会有这一项）

eslint w...: 只进行报错提醒；（如果还没熟悉eslint,推荐使用此模式）

eslint + A...: 不严谨模式；

eslint + S...: 正常模式

eslint + P...: 严格模式；

6.选择语法检查方式:

第一个是保存检测（推荐）

第二个是fix和commit的时候检测

7.最后是配置文件存放地方

第一个是独立文件夹位置（配置）

第二个是在package.json文件里

8.到了这里会提示你,是否在以后的项目中使用以上配置

9.

最后就好啦

cd 项目名称  

npm run serve

Vite

1.

npm init vue@latest

或者 npm init vite-app <项目名称>

2.

2. cd <项目名称>

3. npm run dev

然后就可以啦