3
3
Vue 3 的支持库进行了重大更新。以下是新的默认建议的摘要:
4
4
5
5
- 新版本的 Router, Devtools & test utils 来支持 Vue 3
6
- - 构建工具 : Vue CLI -> [ Vite] ( https://vitejs.dev/ )
6
+ - 构建工具链 : Vue CLI -> [ Vite] ( https://vitejs.dev/ )
7
7
- 状态管理: Vuex -> [ Pinia] ( https://pinia.vuejs.org/ )
8
- - IDE 插件支持 : Vetur -> [ Volar] ( https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar )
8
+ - IDE 支持 : Vetur -> [ Volar] ( https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar )
9
9
- 新的 TypeScript 命令行工具: [ vue-tsc] ( https://github.com/johnsoncodehk/volar/tree/master/vue-language-tools/vue-tsc )
10
10
- 静态网站生成: VuePress -> [ VitePress] ( https://vitepress.vuejs.org/ )
11
11
- JSX: ` @vue/babel-preset-jsx ` -> [ ` @vue/babel-plugin-jsx ` ] ( https://github.com/vuejs/babel-plugin-jsx )
@@ -14,51 +14,51 @@ Vue 3 的支持库进行了重大更新。以下是新的默认建议的摘要:
14
14
15
15
### 构建工具链
16
16
17
- 我们现在推荐 Vite 作为 Vue 3 项目的新构建工具链 。 Vite 是一个新的构建工具,提供极快的服务器启动和热更新性能。它最初由 Vue 团队创建,但现在是一个跨框架工具。详细了解我们[ 为何推荐 Vite] ( https://cn.vitejs.dev/guide/why.html ) 。
17
+ 我们现在推荐 Vite 作为 Vue 3 项目的新的构建工具链 。 Vite 是一个新的构建工具,提供极快的服务器启动和热更新性能。它最初由 Vue 团队创建,但现在是一个跨框架工具。详细了解我们[ 为何推荐 Vite] ( https://cn.vitejs.dev/guide/why.html ) 。
18
18
19
- 您可以通过我们新的脚手架工具 [ create-vue] ( https://github.com/vuejs/create-vue ) 创建一个由 vite 驱动的 Vue 3 项目:
19
+ 您可以通过我们新的脚手架工具 [ ` create-vue ` ] ( https://github.com/vuejs/create-vue ) 创建一个由 vite 驱动的 Vue 3 项目:
20
20
21
21
``` bash
22
22
npm init vue@3
23
23
```
24
24
25
25
虽然 Vue CLI 也已升级以支持 Vue 3,但它现在处于维护状态,不再推荐用于新项目。有关从 Vue CLI 迁移到 Vite 的信息:
26
26
27
- - [ Vue CLI -> Vite Migration Guide from VueSchool.io] ( https://vueschool.io/articles/vuejs-tutorials/how-to-migrate-from-vue-cli-to-vite/ )
28
- - [ Tools / Plugins that help with auto migration ] ( https://github.com/vitejs/awesome-vite#vue-cli )
27
+ - [ Vue CLI -> 来自 VueSchool.io 的 Vite 迁移指南 ] ( https://vueschool.io/articles/vuejs-tutorials/how-to-migrate-from-vue-cli-to-vite/ )
28
+ - [ 有助于自动迁移的工具/插件 ] ( https://github.com/vitejs/awesome-vite#vue-cli )
29
29
30
- 或者您也可以参阅 [ Vue 新文档中工具章节] ( https://cn.vuejs.org/guide/scaling-up/tooling.html )
30
+ 或者您也可以参阅 [ Vue 新文档中工具章节] ( https://cn.vuejs.org/guide/scaling-up/tooling.html ) 。
31
31
32
32
### Vue Router
33
33
34
- Vue Router 4.0 提供了对 Vue 3 的支持,并且有许多自己的重大更新 。查看其[ 迁移指南] ( https://router.vuejs.org/zh/guide/migration/index.html ) 以获取完整的详细信息
34
+ Vue Router 4.0 提供了对 Vue 3 的支持,并且自身也有许多重大的变化 。查看其[ 迁移指南] ( https://router.vuejs.org/zh/guide/migration/index.html ) 以获取完整的详细信息。
35
35
36
36
- [ 文档] ( https://router.vuejs.org/zh/index.html )
37
37
- [ GitHub] ( https://github.com/vuejs/router )
38
38
- [ RFCs] ( https://github.com/vuejs/rfcs/pulls?q=is%3Apr+is%3Amerged+label%3Arouter )
39
39
40
- ### 状态管理工具
40
+ ### 状态管理
41
41
42
- Pinia 是我们新推荐的大规模状态管理解决方案。 本来是作为 Vuex 5 的原型创建的,现在已经演变为我们为 Vuex 5 计划的实际实现 。考虑到核心团队成员Eduardo投入的工作量,我们决定保留其原始名称
42
+ Pinia 是我们新推荐的大规模状态管理的解决方案。 Pinia 是作为 Vuex 5 的雏形而创建的,现已实现了 Vuex 5 中计划实际实现的大部分功能 。考虑到核心团队成员Eduardo投入的工作量,我们决定保留其原始名称。
43
43
44
44
- [ 文档] ( https://pinia.vuejs.org/zh/index.html )
45
45
- [ GitHub] ( https://github.com/vuejs/pinia )
46
46
- [ Vue 新文档中状态管理章节] ( https://cn.vuejs.org/guide/scaling-up/state-management.html )
47
47
48
- Vuex 4.0 还提供对于 Vue 3 的支持,其 API 与 3.x 大致相同,如果您有需要迁移到 Vue 3 的现有 Vuex tores,可以使用它 。唯一的重大变化是 [ 插件的安装方式] ( https://vuex.vuejs.org/zh/guide/migrating-to-4-0-from-3-x.html#%E5%AE%89%E8%A3%85%E8%BF%87%E7%A8%8B )
48
+ Vuex 4.0 还提供对于 Vue 3 的支持,其 API 与 3.x 大致相同,如果您有需要迁移到 Vue 3 的应用了 Vuex store 的项目,仍然可以使用 Vuex 4.0 。唯一的重大变化是[ 插件的安装方式] ( https://vuex.vuejs.org/zh/guide/migrating-to-4-0-from-3-x.html#%E5%AE%89%E8%A3%85%E8%BF%87%E7%A8%8B ) 。
49
49
50
50
51
51
52
52
### IDE 支持
53
53
54
- [ Volar] ( https://github.com/johnsoncodehk/volar ) 现在是新的官方 VSCode 扩展,大大改进了对 Vue SFC 的 TypeScript 支持,包括模板表达式的完整类型推断 。
54
+ [ Volar] ( https://github.com/johnsoncodehk/volar ) 现在是新的官方 VSCode 扩展,大大改进了对 Vue SFC 的 TypeScript 支持,包括在模板表达式中提供完整的类型推断 。
55
55
如果您以前安装过 Vetur,请确保将其禁用以避免与 Volar 冲突。
56
56
57
57
58
58
59
59
### Devtools Extension
60
60
61
- devtools 扩展已收到重大更新 (作为 v6 发布)以同时支持 Vue 2 和 Vue 3。如果您之前安装过 beta 版本的v6 ,您现在可以将其删除并安装稳定版本的扩展。
61
+ Devtools 扩展已得到了重大更新 (作为 v6 发布)以同时支持 Vue 2 和 Vue 3。如果您之前安装过 beta 版本的 v6 ,您现在可以将其删除并安装稳定版本的扩展。
62
62
63
63
- [ 文档] ( https://devtools.vuejs.org/guide/installation.html )
64
64
- [ GitHub] ( https://github.com/vuejs/devtools )
@@ -74,10 +74,10 @@ devtools 扩展已收到重大更新(作为 v6 发布)以同时支持 Vue 2
74
74
75
75
### 静态站点生成器
76
76
77
- [ VitePress] ( https://vitepress.vuejs.org/ ) 是 VuePress 的精神继承者,建立在 Vue 3 + Vite 之上 。它提供了卓越的开发体验,还可以生成更快的站点。
77
+ [ VitePress] ( https://vitepress.vuejs.org/ ) 是 VuePress 的精神继承者,建立在 Vue 3 + Vite 的基础之上 。它提供了卓越的开发体验,还可以生成更快的站点。
78
78
79
79
80
80
81
81
### JSX
82
82
83
- 现在通过 [ ` @vue/babel-plugin-jsx ` ] ( https://github.com/vuejs/babel-plugin-jsx ) 提供对于Vue3 中 JSX 的支持
83
+ 现在通过 [ ` @vue/babel-plugin-jsx ` ] ( https://github.com/vuejs/babel-plugin-jsx ) 提供对于Vue3 中 JSX 的支持。
0 commit comments