2023 年web开发人员必须知道的 JavaScript 开发工具 #
可以说 JavaScript 在 Web 开发领域统治着世界。根据 GitHub 的说法，它是世界上最流行的编程语言。根据最新报告，超过 97% 的网站在客户端使用 JavaScript。有超过 1500 万软件开发人员使用 JavaScript。
JavaScript 嵌入了各种工具，可增强应用程序的工作。这些 JavaScript 工具可以是 IDE、框架和库。让我们对这些工具有一个基本的了解。
- IDE – 它是一个开发人员实现代码以创建应用程序的平台。您可以使用集成的 CLI 编辑代码、调试代码和处理命令。例如，VS Code、Eclipse 和 WebStorm。
- 框架 – 它们用于构建应用程序，并充当保存应用程序的结构。使用该框架可以避免代码冗余。它还可以包括程序、库和 API。例如：React、Angular 和 Vue。
- 库 – 它是用于执行可用于快速实现的操作的函数集合。例如 mocha、socket.io、webpack 和 npm。
IDEs #
Visual Studio Code #
Visual Studio Code 被评为 JavaScript 开发的最佳领先工具或 IDE（集成开发环境）。它与 Windows、Linux 和 macOS 兼容。这将生成托管代码和本机代码。添加其他功能和插件允许您自定义和扩展它。它包含语法突出显示、Git 控件等等。Git 支持允许您操作提交、发布、拉取和推送等命令。
其特点: #
- 可以添加数百个插件。
- 使用 IntelliSense 进行代码重构和代码完成
- 数据库架构设计器
- 集成 CLI（命令行界面）
Eclipse #
Eclipse 是开发人员中第二受欢迎的 IDE，它是使用 Java 开发的。虽然，它有一个插件，适用于任何有插件的编程语言，但大多数开发人员更喜欢它用于 JavaScript。
Eclipse 在 Windows、Mac 和 Linux 中完全可以正常工作。
项目管理也是 Eclipse 的一个关键特性，它使自动化功能更易于访问。此外，为了提高其性能，它支持 Docker 映像、新的 Docker UI 和 Docker CLI。它最适合在 GNU 类路径下运行，
其特点 #
- Syntax Highlighting 语法高亮显示
- Hyperlink Navigation 超链接导航
- In-Built Debugger 内置调试器
- Git Integration Git 集成
- Automated Error Reporting 自动错误报告
Sublime Text #
Sublime Text 是一个带有 Python API 的跨平台文本编辑器。它支持多种语言，也可以安装插件。它与 Windows、Mac 和 Linux 兼容。它是 Stack Overflow 最受欢迎的代码编辑器。它是开源和跨平台的，还具有自定义功能。
可以通过其名为Package Control 的包管理器安装第三方插件。它还有助于执行同时编辑（对多个选定区域进行相同的交互式更改）以及快速导航到文件，
其特点 #
- 支持自动化
- 可以处理多个项目
- 命令行编辑器
- 好用的功能，如“转到符号”和“转到定义”
- 改进的窗格管理
Frameworks #
Angular #
Angular 是由 Google 开发的强大 JavaScript 框架，可在速度、响应式 UI 和各种其他因素方面提升您的应用程序。它是一个开源框架，通常用于单页应用程序。它包含在 MEAN （MongoDB Express Angular NodeJS） 堆栈中。
它遵循更简单的 DOM 操作。无需单独编写数据库、用户界面和链接（模型-视图-控制器）。它具有将 HTML 扩展到应用程序中的依赖注入和数据绑定的功能。
命令npm install -g @angular/CLI全局安装 Angular。
其特点 #
- Two-way data binding 双向数据绑定
- 单元测试
- 集成 CLI
- 简单的模板语法
- 代码拆分
React #
React 是 Facebook 为用户界面开发的 JavaScript 库。它是 Web 开发的未来，超过 1300 名开发人员和超过 94,000 个网站使用 ReactJS。它创建交互式 UI，并且基于组件。开发人员使用 React 的主要原因是代码的可重用性，这节省了时间并有助于带来优化的解决方案。绝对值得一提的是，像苹果、PayPal 和许多其他公司这样的公司将其用于他们的网站。此外，开发人员还可以使用 React Hooks，它使用可以在整个项目中使用的功能组件。
命令npx create-react-app file_name，其中 npx 是包，create-react-app 创建一个默认文件夹，您将在其中使用端口 3000 获得默认代码Hello World，file_name 是您要提供的文件名。
其特点 #
- 单向数据绑定
- 虚拟 DOM
- 可重复使用的组件
- 扩展性
VueJS #
Vue 是 JavaScript 中的另一个开源前端 UI 框架，对于跨平台开发也很可靠。
Vue 支持所有浏览器，并与 Windows、Mac 和 Linux 兼容。
Vue 还有一个 Web 界面来可视化应用程序的不同部分，并且还支持片段和门户。用于创建高端单页应用程序的双重集成模式。使用 Vue 处理任何规模的应用程序都非常容易，它涵盖了两个应用程序，无论是大规模还是小型。插件系统允许您添加网络、后端支持和状态管理等内容。
命令 vue create my-app 安装 Vue，file_name是 my-app。
其特点 #
- 轻巧快速
- 双向数据绑定
- 虚拟 DOM
- Integrated CLI 集成 CLI
- 错误处理和服务器呈现
![Express 사용기[1] - 설치 및 실행](https://images.velog.io/images/guri_coding/post/657f341a-b879-48b7-8af6-f643fcae6f94/express-logo.jpeg){kind=logo}
Express #
Express 是 NodeJS 的开源后端框架。它提供用于构建单页、多页和混合 Web 应用程序的服务器端逻辑。它快速、稳定，并且可以很容易地构建 API。使用 Express 轻松配置和自定义应用程序。
可以使用命令 npm install express –save 安装它，其中 npm 是节点包管理器，–save 将其保存到依赖项文件中。
命令 npm install -g express-generator 使用 -g 全局安装 express。
其特点 #
- 超高测试覆盖率
- 基于路由和中间件
- 高性能
- HTTP 帮助程序（重定向、缓存等）
- 支持多种引擎
Ember #
Netflix、LinkedIn 和 Nordstrom 等网站使用 Ember，这是一个高效的 JavaScript 框架，用于构建 Web 应用程序。它为每个版本提供了丰富的文档，并使用带有类、生成器和装饰器的现代 JavaScript。对于后端应用程序来说，它更加灵活。
它提供与 Ember 集成的 CLI，以提高生产力。为了提高渲染速度，它提供了一个 Glimmer 渲染引擎，这是 Ember 最重要的功能。
其特点 #
- 跨多个来源访问数据
- 高性能
- 路由和双向数据绑定
- 三级测试