淘系自研前端环境管理工具 AppToolkit 正式发布 - 哈喽比特

335次阅读 | 发布于3年以前

AppToolkit提供可视化配置环节的能力，屏蔽环节配置的复杂度和命令行的而学习成本，帮助开发者简单快速搭建前端开发环境。

前端社区日渐繁荣的同时，前端环境也日渐复杂。一般来说，开发前端应用前需要安装 Git、Node.js、Google Chrome、Visiual Studio Code 等软件工具，并且有大量繁琐的环境配置。虽然社区上有类似的工具（如：chocolatey、homebrew 等）解决环境安装、配置和管理难的问题，但这部分工具往往需要开发者接触大量的命令行操作，对于刚入门编程的开发者来说，还是有一定的学习成本的。

基于此背景，我们推出一款基于 Electron 的桌面客户端——AppToolkit[1]。AppToolkit 提供可视化配置环境的能力，屏蔽环境配置的复杂度和命令行的学习成本，帮助开发者简单快速搭建前端开发环境。

经过近3个月的开发迭代，AppToolkit[2]正式对外发布，欢迎大家体验。

mac 版下载地址[3]

下面将会介绍 AppToolkit 有哪些能力，以及如何使用这些能力解决这些问题。

更快速、更简单配置前端环境

AppToolkit 提供一键快速安装开发必备软件工具，包括 Git、Node.js、Google Chrome、VS Code、基于 VS Code 插件的 AppWorks 研发工具集以及包管理工具 tnpm/cnpm，帮助开发者快速搭建基本前端开发环境。

现在你可以打开 Visual Studio Code 编辑器，配合 AppWorks[4]，开始前端开发之旅啦！

精选的开发工具，带来更高开发效率

我们精选了常见且好用的前端开发工具，开发工具类别包括但不限定于浏览器、IDE、网络代理工具、接口调试工具、DevTools 等，在 AppToolkit 中可一键快速安装工具，大大减少查找和安装工具的时间。

可视化的 Node 管理

当某些 npm 模块因为本地的 Node.js 版本过低不能运行，或者想体验新版本 Node.js 的新特性，你可能需要把原来的 Node.js 卸载，然后下载新版本的 Node.js 并安装。在AppToolkit 中，支持一键安装或切换其他 Node.js 版本，让整个过程变得轻松简单。

对于切换到其他版本的 Node.js 后原来的全局依赖不可用的问题，AppToolkit 可一键配置统一的全局依赖安装路径，避免多次重复安装全局依赖。

另外，AppToolkit 提供全局 npm 镜像源管理，帮助开发者快速切换镜像源；支持可视化管理全局 npm 依赖，可快速查找、安装、升级和卸载依赖。

更快速、更安全的 Git 管理

▐ 简易的全局 Git 配置

在过去，修改 Git 配置需要接触大量的命令行操作，对于刚入门编程的开发者来说学习门槛较高。AppToolkit 提供可视化的方式，帮助开发者更简单更快速管理全局 Git 配置。

▐ 多 Git 账号管理最佳实践

作为专业前端开发，相信大家的都会有多 Git 账号开发的场景。比如：

开发开源的项目，需用到 GitHub 账号；
开发公司内部项目，需用到 GitLab ，Gitee 等账号；
...

多 Git 账号切换十分繁琐，同时容易出现 Git 账号混用的情况，让很多开发者头痛不已。为此我们提供了非常便捷的最佳实践，并在阿里淘系前端团队中广受好评。

假设现在在 GitHub 和 Gitee 中开发项目，在 workspace 目录下有 gitub-projects 和 gitee-projects 两个目录用于存放 Git 项目。在 AppToolkit 中可快速新增对应 Git 配置，同时会自动为每份 Git 配置生成一份 SSH 密钥。添加 SSH 公钥到对应的代码托管平台后，便可 git clone 对应项目至对应目录下。之后的 Git 相关操作无需关注 Git 账号信息，Git 账号混用的问题也不会出现。

最后

AppToolkit 将持续重视用户体验，做开发者喜欢的前端环境管理工具。如果使用过程中有任何疑问或问题，请加入用户钉钉群或者提 issues[5]，我们将第一时间为你答疑：

参考资料

[1] AppToolkit: https://github.com/apptools-lab/toolkit

[2] AppToolkit: https://github.com/apptools-lab/toolkit

[3] mac 版下载地址: https://iceworks.oss-cn-hangzhou.aliyuncs.com/toolkit/mac/AppToolkit.dmg

[4] AppWorks: https://appworks.site/pack/quick-start.html

[5] issues: https://github.com/apptools-lab/AppToolkit/issues

[6] AppToolkit: https://github.com/apptools-lab/AppToolkit

[7] AppWorks 官网: https://appworks.site/

[8] ICE 官网: https://ice.work/