Taro 可以让我们用 Vue 的方式开发各种平台的小程序，我们可以先去安装一下 Taro 命令行工具，先确定一下 node 版本，要大于 12 这个版本。你可以使用 nvm 管理系统上的 node。

执行一下 npm install @tarojs/cli，安装一下 taro 的命令行工具，安装的时候可以设置一个具体的版本，比如 3.1.1，再加上一个 --global，在全局范围安装一下 @tarojs/cli 这个包。

这个课程我们会使用这个版本的 taro，因为如果命令行工具的版本，跟 taro 版本不一致的话，编译的时候可能会遇到问题。所以在学习的时候，我们可以统一一下 taro 的版本。

安装完成以后就可以在全局范围使用 taro 这个命令了。使用这个命令创建一个 taro 项目，可以执行一下 taro init 后面是项目的名字，比如 ninghao-taro。 taro 会问一些问题，然后给我们创建一个对应的 taro 项目。

这里又会提示让我们选择要使用的框架，Taro 支持使用 React 或者 Vue 的方式开发小程序，这里我们要选择的是 Vue3。 确定使用 TypeScript。 不使用 CSS 预处理。选择一个模板源。

又会提示选择一个模板，确定以后， taro 会下载项目模板，然后把项目依赖的东西全部都准备好。

这里我们为了保持一致，你可以使用我提前准备好的一个空白的 taro 项目。 在 github 这个网站，或者 coding.net 上面，可以打开我准备好的这个项目仓库。

找到以后复制一下仓库的地址，然后在终端，执行 git clone 后面加上复制的仓库地址。 完成以后，进入到这个项目目录，ninghao-taro-series-2，执行一下 yarn ，安装一下项目的依赖。这里我用的是 yarn 管理项目的包，因为 vue 官方比较推荐使用 yarn，你用 npm 应该也没啥问题。

安装好以后，用编辑器打开这个项目，这里我用的是 vscode 编辑器。

打开以后，默认当前是在 master 这个分支上，打开项目的分支列表，然后可以选择 origin/starter 这个分支，这样会基于这个远程分支创建一个本地分支。

starter 这个分支上的项目是一个使用默认模板创建的空白的 taro 项目。 下面我们再基于这个分支创建一个新的分支，打开命令面板，搜索 branch，执行 create branch，分支的名字是 playground。