Ts学习深入浅出

前言:

“我们为需要构建和维护大型JavaScript程序的团队设计了TypeScript，以满足他们的需求。TypeScript可帮助他们在软件组件之间定义接口，并且帮助理解现存JavaScript库的行为。同时，使用TypeScript的团队可以将代码构建成动态加载的模块，以减少命名冲突的问题。TypeScript可选的类型系统使开发者们可以使用一些高效的开发 工具 和最佳实践:静态检查，基于符号的导航，代码补全和代码重构. 摘自——TypeScript语言特性”

基本配置环境:

此部分直接开始我们的干货之旅，以下是作者本人经过亲身实践，采用图文并茂的方式给大家详细讲解基本上手配置环境的过程。

• 如果你用的是VsCode，那么作者为你感到高兴，因为说明你与作者站到了一起。废话不多说，先上干货：

  如果你用的是VsCode，那么作者为你感到高兴，因为说明你与作者站到了一起。废话不多说，先上干货：

  

看见上图你就知道你Ts的环境已经完成，下面你需要的是撸起袖子书写你第一句HelloWorld吧！

如果你使用其他代码编译器或者使用的是OS X 或 Linux 操作系统，可以下载一个NPM模块，如果你不熟悉npm也不需要担心，到目前为止，只需要知道它是Node包管理的标准并且是Node.js的默认包管理工具即可。为了能使用npm，你需要先在开发环境中安装node.js。可以在Node.js的官方网站上 https://node.js.org/找到相应... 。（写了这么多骚气的告诉你，无论你用哪一种node已经无孔不入。已经不再是你的可选项，赶紧下载一个去吧！）对了！ 别忘了 npm install -g typescript

继续在命令行环境下键入 tsc -init 进行初始化，

你会发现根目录下多了 tsconfig.json 的文件，记录了编译成JS的选项

打开该文件，会发现主要选项已经帮你设置好了，比较常用的设置是

”target” : 编译为何种规范，一般设置为 ES5 或者 ES2016/2017

“outdir” : 输出目录

“alwaysStrict” ： 打开严格模式 (‘use strict’)

命令行下输入 code . 打开VSCode进入该目录，按下 Ctrl+shift+B 快捷键会进行编译，初次编译会选择编译模式