1. Posts/

2023 年web开发人员必须知道的 JavaScript 开发工具

·320 字·2 分钟· loading
Notes linux VUE React HTML JavaScript HTTP Tools
demo007x
作者
demo007x

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
#

Tricks and tips for VSCode Beginners | by Komal Khetlani | Dev Genius

Visual Studio Code
#

Visual Studio Code 被评为 JavaScript 开发的最佳领先工具或 IDE(集成开发环境)。它与 Windows、Linux 和 macOS 兼容。这将生成托管代码和本机代码。添加其他功能和插件允许您自定义和扩展它。它包含语法突出显示、Git 控件等等。Git 支持允许您操作提交、发布、拉取和推送等命令。

其特点:
#

  • 可以添加数百个插件。
  • 使用 IntelliSense 进行代码重构和代码完成
  • 数据库架构设计器
  • 集成 CLI(命令行界面)
What Is a Solar Eclipse

Eclipse
#

Eclipse 是开发人员中第二受欢迎的 IDE,它是使用 Java 开发的。虽然,它有一个插件,适用于任何有插件的编程语言,但大多数开发人员更喜欢它用于 JavaScript。

Eclipse 在 Windows、Mac 和 Linux 中完全可以正常工作。

项目管理也是 Eclipse 的一个关键特性,它使自动化功能更易于访问。此外,为了提高其性能,它支持 Docker 映像、新的 Docker UIDocker CLI。它最适合在 GNU 类路径下运行,

其特点
#

  • Syntax Highlighting 语法高亮显示
  • Hyperlink Navigation 超链接导航
  • In-Built Debugger 内置调试器
  • Git Integration Git 集成
  • Automated Error Reporting 自动错误报告
sublime-text · GitHub Topics · GitHub

Sublime Text
#

Sublime Text 是一个带有 Python API 的跨平台文本编辑器。它支持多种语言,也可以安装插件。它与 Windows、Mac 和 Linux 兼容。它是 Stack Overflow 最受欢迎的代码编辑器。它是开源和跨平台的,还具有自定义功能。

可以通过其名为Package Control 的包管理器安装第三方插件。它还有助于执行同时编辑(对多个选定区域进行相同的交互式更改)以及快速导航到文件,

其特点
#

  • 支持自动化
  • 可以处理多个项目
  • 命令行编辑器
  • 好用的功能,如“转到符号”和“转到定义”
  • 改进的窗格管理

Frameworks
#

Angular — Basic to Advance — Every Concept Explained! — part 1 | by Rushabh  Dabhade | Medium

Angular
#

Angular 是由 Google 开发的强大 JavaScript 框架,可在速度、响应式 UI 和各种其他因素方面提升您的应用程序。它是一个开源框架,通常用于单页应用程序。它包含在 MEAN (MongoDB Express Angular NodeJS) 堆栈中。

它遵循更简单的 DOM 操作。无需单独编写数据库、用户界面和链接(模型-视图-控制器)。它具有将 HTML 扩展到应用程序中的依赖注入和数据绑定的功能。

命令npm install -g @angular/CLI全局安装 Angular

其特点
#

  • Two-way data binding 双向数据绑定
  • 单元测试
  • 集成 CLI
  • 简单的模板语法
  • 代码拆分
react-ui · GitHub Topics · GitHub

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 Worldfile_name 是您要提供的文件名。

其特点
#

  • 单向数据绑定
  • 虚拟 DOM
  • 可重复使用的组件
  • 扩展性
Vuejs - freeCodeCamp.org

VueJS
#

VueJavaScript 中的另一个开源前端 UI 框架,对于跨平台开发也很可靠。 Vue 支持所有浏览器,并与 Windows、Mac 和 Linux 兼容。 Vue 还有一个 Web 界面来可视化应用程序的不同部分,并且还支持片段和门户。用于创建高端单页应用程序的双重集成模式。使用 Vue 处理任何规模的应用程序都非常容易,它涵盖了两个应用程序,无论是大规模还是小型。插件系统允许您添加网络、后端支持和状态管理等内容。

命令 vue create my-app 安装 Vue,file_name是 my-app。

其特点
#

  • 轻巧快速
  • 双向数据绑定
  • 虚拟 DOM
  • Integrated CLI 集成 CLI
  • 错误处理和服务器呈现

Express 사용기[1] - 설치 및 실행

Express
#

ExpressNodeJS 的开源后端框架。它提供用于构建单页、多页和混合 Web 应用程序的服务器端逻辑。它快速、稳定,并且可以很容易地构建 API。使用 Express 轻松配置和自定义应用程序。

可以使用命令 npm install express –save 安装它,其中 npm 是节点包管理器,–save 将其保存到依赖项文件中。

命令 npm install -g express-generator 使用 -g 全局安装 express

其特点
#

  • 超高测试覆盖率
  • 基于路由和中间件
  • 高性能
  • HTTP 帮助程序(重定向、缓存等)
  • 支持多种引擎

GitHub - emberjs/ember.js: Ember.js - A JavaScript framework for creating  ambitious web applications

Ember
#

Netflix、LinkedIn 和 Nordstrom 等网站使用 Ember,这是一个高效的 JavaScript 框架,用于构建 Web 应用程序。它为每个版本提供了丰富的文档,并使用带有类、生成器和装饰器的现代 JavaScript。对于后端应用程序来说,它更加灵活。

它提供与 Ember 集成的 CLI,以提高生产力。为了提高渲染速度,它提供了一个 Glimmer 渲染引擎,这是 Ember 最重要的功能。

其特点
#

  • 跨多个来源访问数据
  • 高性能
  • 路由和双向数据绑定
  • 三级测试

Related

10 款最佳 Linux 终端模拟器
Notes HTML HTTP linux
尽管图形用户界面取得了各种进步,但终端模拟器在技术市场上仍然占有一席之地。终端模拟器是一种软件,
2023 JavaScript 面试题以及答案
Notes JAVA JavaScript HTTP HTML
在本文中,您将学习面试中最常见的JavaScript面试问题和答案。在继续学习 Jav
JavaScript 面试问答 (2023) – 高级
Notes JAVA HTTP JavaScript HTML
在本文中,您将学习面试中最常见的JavaScript面试问题和答案。在继续学习