系统必备

• homebrew 软件安装工具（mac）
• node nodeJS 环境
• npm npm包管理工具
• cnpm 淘宝镜像
• yarn 包管理工具 （推荐）
• git 版本控制
• svn svn图形工具（mac）
• docker 容器
• microsoft-to-do 待办工具
• codelf 变量命名
• mddir mddir 生成目录结构图
• 花裤衩收藏夹 前端相关

yarn add mddir -D
node node_modules/mddir/src/mddir

• transmit FTP客户端 (mac)

终端工具

• iTerm2

性能测试

• Tracker.js
• gtmetrix

浏览器插件

• vue-devtools
• react-devtools

帮助手册

• 常用速查表，快速查询各类框架和库的常用方法
• 各种编程语言 API 文档
• 命令大全
• 印记中文(框架文档)

前端开发库集合

• awesomes

数据模拟

• getpostman
• insomnia 跨平台REST （mac）

下载镜像

• mysql 国内下载镜像

其他工具

• 随机生成logo
• 渐变色生成工具
• css loading代码库
• 在线生成 css 动画
• 漂亮的CSS样式集
• Cool Backgrounds (生成好看的渐变背景图)
• Tinypng | 智图 (压缩图片)
• Removebg (在线移除背景工具 )
• 简历生成
• 项目开发时间记录
• 生成代码图片
• 可以商用插图1

• vscode （推荐）
• dcloud （开发uni-app使用）
• atom （mac）
• WebStrom IDE

前端框架

• TypeScript
• vue
• react

后端框架

• nestJs
• swagger (API文档工具)

小程序

• 官方文档
• uni-app （vue小程序框架）
• taro (react小程序框架)
  • 移动端
• 有赞移动端框架

PC

• iview
• vue.ant.design

脚手架/工作流

• vue-cli vue 脚手架 （推荐）
• create-react-app react 脚手架
• weflow 微信团队开发前端工作流 (桌面端)
• tmt-workflow 微信团队开发前端工作流 (命令行)
• legoflow (桌面端)
• legoflow-cli (命令行) （推荐）