哈士奇的实习生活：taro初识与安装

哈士奇成功进公司实习了，哈士奇的部门小组的框架用到taro，对于uniapp+js+vue的哈士奇来说属实是从头开始了，今天读了读文档和项目，给大家介绍一下taro到底是个啥。

Taro的背景

随着移动应用的发展，开发者们迫切需要一种能够快速、高效地实现多端开发的解决方案。Taro 作为一款跨端开发框架应运而生，为开发者提供了一种统一的代码编写方式，可以将同一套代码同时运行在小程序、H5、React Native 等多个平台上。

Taro 是什么？

Taro 是由京东前端团队开发的一款基于 React 语法的多端开发框架（不仅仅能使用react开发，包括vue在内的多种框架都能用Taro进行开发），其设计目标是实现一套代码多端运行。Taro 提供了统一的开发方式，开发者可以使用熟悉的 React 语法进行开发，并通过 Taro 提供的编译工具将代码编译成适用于不同平台的代码。

安装 Taro

要开始使用 Taro 进行开发，首先需要在本地安装 Taro 的开发工具。下面是安装 Taro 的步骤：

步骤 1：安装 Node.js

Taro 是基于 Node.js 开发的，所以首先需要在电脑上安装 Node.js。你可以在 Node.js 的官方网站（nodejs.org/）上找到适合你系统的安装包，并按照提示进行安装。

顺带提一嘴，为了方便大家在公司内适应不同版本的项目开发，哈士奇推荐大家配置nvm进行node版本管理，这样有助于适应不同环境的代码。

不推荐mac使用homebrew安装nvm，具体查看文档

步骤 2：安装 Taro CLI

在安装了 Node.js 之后，可以使用 npm 或 yarn 来安装 Taro CLI。打开命令行工具，执行以下命令：

# 使用 npm 安装
npm install -g @tarojs/cli

# 或者使用 yarn 安装
yarn global add @tarojs/cli

上述命令会全局安装 Taro 的命令行工具 @tarojs/cli，这样就可以在命令行中使用 taro 命令了。

步骤 3：创建项目

安装完 Taro CLI 之后，就可以使用 taro 命令创建新项目了。在命令行中执行以下命令：

# 创建一个名为 myApp 的项目，使用 React 框架
taro init myApp

执行上述命令后，Taro 将会引导你选择项目的模板和框架。根据需要选择相应的选项，并等待项目创建完成。

步骤 4：启动项目

项目创建完成后，进入项目目录，并执行以下命令启动项目：

cd myApp
npm run dev

这样就可以在本地启动项目，并在浏览器中查看效果了。

Uniapp与taro的区别

既然我们已经成功运行了taro项目，那么taro和uniapp的区别在哪里呢？哈士奇简单列出以下区别，希望对大家有些帮助。

1. 目标平台支持

• Uni-app ：Uni-app 支持微信小程序、支付宝小程序、百度小程序、App、H5 等多个平台。这意味着开发者可以使用 Uni-app 开发一次，就能将应用发布到多个平台，极大地提高了开发效率。
• Taro ：Taro 也支持多个平台，包括微信小程序、支付宝小程序、百度小程序、React Native、H5 等。与 Uni-app 不同的是，Taro 还支持 React Native，这使得开发者可以使用 Taro 开发跨平台应用，同时也可以使用 React Native 的特性。

2. 开发方式

• Uni-app：Uni-app 提供了一套完整的开发框架和工具链，开发者可以使用 Vue.js 的语法编写代码，并使用 uni-app 提供的 API 进行跨平台开发。Uni-app 还提供了一些特定平台的扩展能力，可以针对不同平台进行定制化开发。

• Taro：Taro 采用了一种多端统一开发的思路，开发者可以编写一套代码，然后通过 Taro 的编译工具将代码编译成不同平台的代码。Taro 提供了一些特定平台的 API 和组件，可以方便开发者进行跨平台开发。

3. 生态支持

• Uni-app ：Uni-app 的生态系统比较丰富，有着庞大的社区和插件支持。开发者可以在 Uni-app 的官方论坛和社区中找到大量的资源和解决方案。 uni-app官网
• Taro ：Taro 的生态系统也比较完善，社区活跃度较高，有大量的社区贡献和插件支持。Taro 的文档和教程也比较丰富，开发者可以轻松上手并快速开发应用。 taro官网

4.开发框架

• Uni-app：Uni-app是基于Vue进行开发的。

• Taro：Taro主要是基于React的框架和思想进行开发的，但是我们也可以用Vue等框架进行开发。

5. 总结

Uni-app 和 Taro 都是优秀的跨平台开发框架，它们各有特点，适用于不同的开发需求。如果需要支持多个前端平台，包括 App 和 H5，那么 Uni-app 可能更适合一些；如果需要支持 React Native，并且希望使用 Vue.js 进行开发，那么 Taro 可能更适合一些。无论选择哪个框架，都需要根据项目需求和团队技术栈来进行选择，并深入了解框架的特性和优势，以便更好地开发跨平台应用。

结语

通过以上简单的步骤，我们成功地初识了 Taro，并在本地安装了 Taro CLI，并创建了一个基于 Taro 的项目。Taro 提供了丰富的功能和灵活的配置选项，可以满足各种不同项目的需求。希望本文对初学者们有所帮助，和哈士奇一起在公司一边抓脑袋一边学习吧！！！