vue3相关文档介绍

vue3的官方文档进行了重写，中文版的翻译也在进行中。可以参考下焕然一新的 Vue 3 中文文档要来了🎉这篇文章。我这里列举一些我看过的文章，以及相关资料

Vue 3.0 官方文档(英文) [vuejs.org/]
Vue 3.0 中文文档 [staging-cn.vuejs.org/]
Vue 3.0 旧中文文档[v3.cn.vuejs.org/]
Vue 3.0 工具集 [vue3js.cn/]
Composition-API 手册[vue3js.cn/vue-composi…]
Vue3 新动态[github.com/vue3/vue3-N…]

这些文档可以帮助我们更高效的玩vue3，害就是玩。我这里极力推荐把Vue 3.0 中文文档通读一遍，新文档可以进行vue2和vue3语法的切换查阅。新文档对于新人来说可以说是非常友好了，可以跟着文档教程进行学习，一遍阅读相关资料，一遍敲代码，其乐无穷。只是这一部分还处于翻译中，需要有比较好的英语阅读能力。

开发环境准备

在开始讲vue3知识之前，我们需要先把开发环境准备好。好的开发环境可以帮助我们减少一些不可预见性的错误。

node版本

我推荐使用volta来管理我们的开发环境，在之前我有写过一篇文章可以参考。使用volta改善前端开发环境的管理。前期我们可能用不到node环境，但最好先设置好，后面总会用到的。

node：版本最好在16以上

我目前使用的node版本是16.15.0,后面我还会使用到pnpm。

包管理工具

这里我推荐使用最近比较火热的pnpm，当然用npm也是没问题的。
npm、yarn、pnpm三种包管理工具我都是有使用的，所以为了更方便的切换使用这些工具，我推荐使用ni来快速执行命令。相关资料可以看看尤雨溪推荐神器 ni ，能替代 npm/yarn/pnpm ？简单好用！源码揭秘！这篇文章。

管理依赖下载源

由于原生的npm源在国外，我们国内下载可能会比较慢，我们可以使用nrm来管理我们的下载源，切换使用淘宝源下载依赖。

vscode插件

vue3的代码提示校验插件和vue2是不一样的，所以我们在开发vue3项目时，需要把vetur插件禁用掉。然后选择使用volar插件来作为语言支持。

代码片段在线制作工具

虽然有了volar插件作为vue3的语法高亮，代码校验，代码片段支持工具，但是有的时候我们可能需要快速创建一些业务代码，提高我们的工作效率。
这个时候就可以使用vscode的代码片段来帮助我们来完成提效。自己手写代码片段还是比较慢的，还好我们找到了一个可以快速生成代码片段的工具。
点击进入网站，把我们想要生成的模版放入，就会自动生成vscode的代码片段，然后放入vscode设置就可以了。
比如我想快速生成vue3-sfc-setup-ts的模版。

复制一下右边的代码，修改prefix代码提示快捷语法就可以使用了。

vue3入门02 - vue3 相关文档以及开发环境准备