淘系自研前端环境管理工具 AppToolkit 正式发布

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

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


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


微信图片_20211119172107.jpg


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


mac 版下载地址[3]


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


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


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


微信图片_20211119172217.gif现在你可以打开 Visual Studio Code 编辑器,配合 AppWorks[4],开始前端开发之旅啦!


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


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


微信图片_20211119172355.gif


可视化的 Node 管理


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


微信图片_20211119172540.gif


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


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


微信图片_20211119172611.jpg

更快速、更安全的 Git 管理


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


微信图片_20211119172658.gif


多Git 账号管理最佳实践


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


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


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


微信图片_20211119172755.jpg


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


最后


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


1637314176(1).png

相关文章
|
2月前
|
缓存 移动开发 Rust
前端构建工具 Mako 开源了
Hi,我是 sorrycc,Mako 的主要负责人之一,也是 Umi、Dva、Father 等库的作者。 很开心,Mako 终于开源了! Github 地址:https://github.com/umijs/mako/ 今天和大家正式介绍下他。
|
21天前
|
前端开发 JavaScript API
探索React Hooks:前端开发的革命性工具
【10月更文挑战第5天】探索React Hooks:前端开发的革命性工具
|
3月前
|
JSON 前端开发 开发工具
初探在WSL中设置vim前端开发环境
初探在WSL中设置vim前端开发环境
|
13天前
|
自然语言处理 前端开发 JavaScript
推荐 10 个前端开发会用到的工具网站
本文介绍了多个前端开发工具,包括 Web Design Museum、Landing Page、Google Fonts、Lorem Ipsum、Animista、Blobmaker、Spline、CodeToGo、UnusedCSS 和 Responsively,帮助开发者提高效率和项目质量。这些工具涵盖了设计、动画、代码片段管理、响应式测试等多个方面。
45 0
推荐 10 个前端开发会用到的工具网站
|
30天前
|
Web App开发 前端开发 开发工具
2024前端开发工具推荐
本文推荐了2024年最受前端开发者欢迎的十款工具,包括Visual Studio Code、Dreamweaver、Sublime Text、WebStorm、Atom、HBuilder、Chrome Developer Tools、Figma、Postman和Git。这些工具覆盖了代码编辑、调试、版本控制及API开发等多个方面,旨在帮助开发者提高效率和代码质量,让开发工作更高效、更愉快。
|
13天前
|
存储 前端开发 JavaScript
前端模块化打包工具的深度解析
【10月更文挑战第13天】前端模块化打包工具的深度解析
|
19天前
|
存储 前端开发 JavaScript
前端开发中的状态管理概述与工具选择
【10月更文挑战第7天】前端开发中的状态管理概述与工具选择
14 0
|
2月前
|
前端开发 开发者
在前端开发中,webpack 作为一个强大的模块打包工具,为我们提供了丰富的功能和扩展性
【9月更文挑战第1天】在前端开发中,Webpack 作为强大的模块打包工具,提供了丰富的功能和扩展性。本文重点介绍 DefinePlugin 插件,详细探讨其原理、功能及实际应用。DefinePlugin 可在编译过程中动态定义全局变量,适用于环境变量配置、动态加载资源、接口地址配置等场景,有助于提升代码质量和开发效率。通过具体配置示例和注意事项,帮助开发者更好地利用此插件优化项目。
78 13
|
3月前
|
JavaScript IDE 前端开发
前端开发工具配置 nodejs & git & IDE
前端开发工具配置 nodejs & git & IDE
|
3月前
|
前端开发 JavaScript
【Azure 环境】前端Web通过Azure AD获取Token时发生跨域问题(CORS Error)
【Azure 环境】前端Web通过Azure AD获取Token时发生跨域问题(CORS Error)