TypeScript⾃动化⼯作流程（上）
在实际的开发中，我们往往会⽤到很多⾃动化的⼯具以协助我们进⾏开发。这些⼯具包括：
开发者编辑器
版本控制⼯具
包管理⼯具
⾃动化任务⼯具
持续集成⼯具
脚⼿架⼯具
当然你还必须先安装Node.js。
开发者编辑器和版本控制⼯具
开发⼯具
开发TS的编辑器，⽬前流⾏的有 Atom、 Visual Studio Code 和 WebStrom 等等。这⾥不再详细讲述，有兴趣的可以看看《》
版本控制⼯具
⽬前⽐较流⾏的版本控制器有Git和GitHub。国内⽐较好⽤的版本控制器有。码云的操作跟git差不多，但是⽤户界⾯都是中⽂的，对于习惯中⽂界⾯的朋友来说可能会有亲切的感觉。本⽂也不多对版本控制⼯具做更多介绍，更多资料请百度git使⽤⽅法。
包管理⼯具
包管理⼯具⽤于管理应⽤的依赖。⽬前我们常见的包管理⼯具有 npm， Bower 和 Typings（TSD） 。
npm
npm是Node.js的默认包管理⼯具，但现在它已经成为安装的服务端程序、桌⾯应⽤或开发⼯具等依赖时的⾸选⼯具。
npm安装是根据项⽬的 package.json 进⾏安装的。
更多npm常⽤指令操作请看《》
Bower
Bower也是⼀个包管理⼯具。它与npm⾮常类似，只是它通常只⽤于管理前端的依赖。
我们可以使⽤npm安装Bower：
npm install -g bower
Typings（TSD）
在《》⼀⽂中，我们了解到TS包含 lib.d.ts ⽂件，⾥⾯描述了ECMAScript（内置对象、DOM、BOM）的API。实际上 .d.ts 的⽂件是⼀种特殊的TS⽂件，我们称它们为类型定义⽂件 或 描述⽂件。
⼀个类型描述⽂件 通常包含对第三⽅库API的类型声明，这些库使现存的JavaScript库能与TS集成在⼀起。⽐如我们想要在TS中调⽤jQuery，那么我们应该添加jQuery描述⽂件的引⽤：
///<reference path="jquery.d.ts">
如果我们要亲⾃在写⼀个jQuery的描述⽂件，我想多少⼈都不乐意。不过幸好有⼀个DefinitelyTyped 的开源项⽬已经包含了众多JavaScript库的描述⽂件。
angular安装
TSD 是TypeScript Definitions 的缩写，它是⼀个管理TS应⽤中描述⽂件的⼯具。不过很可惜TSD 已经死了。
逝去的TSD
幸好我们还有 Typings 。⾸先我们要先进⾏
安装：
npm install typings --global
然后我突然瞟了⼀眼最上⾯的说明:
Deprecation Notice:Regarding TypeScript@2.0
看了⼀下说明，幸好改动不⼤。
从TS2.0开始，我们安装 typings （.d.ts结尾的⽂件或者称之为类型描述⽂件） 可以使⽤下⾯的语句：
npm install @types/<package>
这些 typings 来⾃。
使⽤tsc 可以查看安装的TS版本（《》⾥⾯有tsc的介绍）
tsc -v
之所以 typings 会被弃⽤是因为，DefinitelyTyped 上的typings 已经被转移到Typescript⽀持的额外模块格式上，这将导致⼀个错误：> typings install dt~angular--global
typings ERR! message Attempted to compile “angular” as a global module,
but it looks like an external module. You’ll need to remove the global option to continue.⽽解决这个问题的⽅法在TS官⽹已经给出了
npm install @types/angular
当然你也可以在 typings中删除--global 标签，但是这样将有可能导致其他问题的发⽣。
相关指令
搜索：
typings search--name插件名
搜索jQuery插件
安装指定的.d.ts结尾的⽂件
旧版本（不推荐，未来会弃⽤）
typings install dt~插件名--global--save
新版本（推荐）
npm install --save @types/插件名
我们这⾥使⽤新版本安装：
安装jQuery插件
安装成功之后会在项⽬⽬录下多出这些⽂件： 引⽤.d.ts⽂件：
⽅法⼀： 使⽤///——三斜线指令引⽤⽂件
/// <reference path="..." />指令是三斜线指令中最常见的⼀种。 它⽤于声明⽂件间的依赖。
注意：三斜线指令仅可放在包含它的⽂件的最顶端。否则它被当做注释。
使⽤ajax
⽅式⼆： 使⽤tsconfig.json  配置⽂件。①创建tsconfig.json
出现下列提⽰，则创建成功message TS6071: Successfully created a tsconfig.json file.///<reference path="node_modules/@types/jquery/index.d.ts"/>
tsc  --init
②修改tsconfig.json⽂件
在该⽂件中的末尾添加被圈起来的内容：
然后你就可以使⽤jQuery了。
之所以添加files 就可以使⽤，是因为:
如果 “files” 和 “include” 都没有被指定，编译器默认包含当前⽬录和⼦⽬录下所有的TypeScript⽂件（.t
s, .d.ts 和 .tsx）。前提是你要有 files 属性，这就是为什么要添加files 的原因了。
本⽂到此结束，希望⼤家喜欢~

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。