API，SDK，CLI，IDE的区别
https://zhuanlan.zhihu.com/p/338580653

开发工具

node

node，V8 引擎 & 事件驱动，广泛用户前端工程化
npm

  1. Javascript 模块化规范 https://www.npmjs.com
  2. nrm
  3. nvm
  4. zsh

终端 zsh

https://ohmyz.sh/
image.png

React Developer Tools

https://www.crx4chrome.com/crx/3068/
image.png
image.png

在线IDE编辑器

IDE，Integrated Development Environment集成开发环境
Webstorm IDE

在线IDE场景

  1. 在线代码阅读
  2. 代码评审
  3. 代码扫描反馈
  4. SQL编辑
  5. SSH链接
  6. 在线协同
  7. 轻量级的在线IDE

OpenSumi

https://opensumi.com/zh
https://github.com/opensumi/ide-startup
纯前端案例 https://github.com/opensumi/ide-startup-lite
快速搭建本地和云端 IDE 的框架，支持私有化部署

  1. $ git clone https://github.com/opensumi/ide-startup-lite.git
  2. $ cd ide-startup-lite
  3. $ yarn # 安装依赖
  4. $ yarn start # 启动

image.png
https://zhuanlan.zhihu.com/p/542975817

vscode IDE

https://vscode.dev
image.png

lightly

lightly https://lightly.teamcode.com/
image.png

CloudIDE

阿里云 https://ide.alipay.com/console/dashboard
蚂蚁链 https://antchain.antgroup.com/docs/11/101800
image.png

华为云 IDE

https://www.huaweicloud.com/product/cloudide.html
image.png

TeamCode

https://www.teamcode.com/products/ide
https://www.teamcode.com/
image.png