JavaScript工具链

Git

源码控制(有时称为版本控制)将变更管理带入开发过程中不同点的保存文件。我们将使用的版本控制系统(VCS)是Git。Git 是一个分散的分布式版本控制系统,它允许程序员在同一个代码库上协作,而无需踩在对方的脚趾。 它已经成为开源开发的约定俗成的源码控制系统,因为它的分散模型和延迟的分支特征。

有关如何使用Git的更多信息,详见:https://www.jiangguo.net/b/l22.html

命令行

JavaScript开发工具大多面向命令行。 如果你一直在用Windows,你可能会发现这不熟悉。 但是命令行为自动化开发任务提供了更好的支持,因此值得使用它。我们将提供本课程所需的所有命令行示例。推荐windows用户使用 Cmder

JavaScript命令行:NodeJS

Node.js是一个JavaScript运行时环境,允许JavaScript代码在浏览器之外使用Google V8 JavaScript引擎运行。Node.js用于在服务器上编写快速执行代码,以有效地处理事件和非阻塞I/O。

  • REPL(Read-Eval-Print-Loop)来快速写入和测试JavaScript代码。
  • V8 JavaScript解释器。
  • 用于执行操作系统任务(如文件I/O,HTTP等)的模块。

虽然Node.js最初是用于在JavaScript中编写服务器代码,但今天它被JavaScript工具广泛使用,这使得它也与前端程序员相关。 您将在本课程中使用的很多工具都使用Node.js.

后端代码共享和分发:npm

npm是“node 包管理器”。 它与NodeJS一起安装,并允许您访问各种第三方JavaScript模块。

它还为后端应用程序执行依赖关系管理。 您在名为package.json的文件中指定模块依赖关系; 运行npm install将解析,下载并安装您的后端应用程序的依赖项。

模块加载,打包和构建任务:Webpack

Webpack是一个JavaScript模块打包工具。 它需要具有其依赖关系的模块,并生成表示这些模块的静态资源。 Webpack知道只有如何打包JavaScript。 要打包其他资源,如CSS,HTML,图像或引入的其他东西,它使用额外的装载器。 Webpack也可以通过插件扩展,例如压缩和混淆可以使用Webpack的UglifyJS插件完成。

了解更多Webpack推荐访问:https://doc.webpack-china.org

Web浏览器

我们为本课程使用Google的Chrome浏览器,因为它具有尖端的JavaScript引擎和出色的调试工具。

但是,您可以自由使用其他浏览器。 不为人知的是,有一个Mozilla Firefox开发人员版本,支持伟大的开发和调试工具。 使用JavaScript编写的代码应该可以在任何现代的网络浏览器(Firefox,IE9 +,Chrome,Safari,Opera)上运行。

下一节:TypeScript的主要特征之一是添加类型信息,也因此得名。这种类型信息可以帮助JavaScript程序变得更易预测和推断。

类型让开发者编写更明确的“契约”。换句话说,函数签名之类的东西更加明确。