Ts学习深入浅出

81次阅读

共计 932 个字符,预计需要花费 3 分钟才能阅读完成。

前言:
“我们为需要构建和维护大型 JavaScript 程序的团队设计了 TypeScript,以满足他们的需求。TypeScript 可帮助他们在软件组件之间定义接口,并且帮助理解现存 JavaScript 库的行为。同时,使用 TypeScript 的团队可以将代码构建成动态加载的模块,以减少命名冲突的问题。TypeScript 可选的类型系统使开发者们可以使用一些高效的开发工具和最佳实践: 静态检查,基于符号的导航,代码补全和代码重构. 摘自——TypeScript 语言特性”
基本配置环境:
此部分直接开始我们的干货之旅,以下是作者本人经过亲身实践,采用图文并茂的方式给大家详细讲解基本上手配置环境的过程。

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

看见上图你就知道你 Ts 的环境已经完成,下面你需要的是撸起袖子书写你第一句 HelloWorld 吧!
2. 如果你使用其他代码编译器或者使用的是 OS X 或 Linux 操作系统,可以下载一个 NPM 模块,如果你不熟悉 npm 也不需要担心,到目前为止,只需要知道它是 Node 包管理的标准并且是 Node.js 的默认包管理工具即可。为了能使用 npm,你需要先在开发环境中安装 node.js。可以在 Node.js 的官方网站上 https://node.js.org/ 找到相应 …。(写了这么多骚气的告诉你,无论你用哪一种 node 已经无孔不入。已经不再是你的可选项,赶紧下载一个去吧!)对了!别忘了 npm install -g typescript
3. 继续在命令行环境下键入 tsc -init 进行初始化,你会发现根目录下多了 tsconfig.json 的文件,记录了编译成 JS 的选项打开该文件,会发现主要选项已经帮你设置好了,比较常用的设置是”target”: 编译为何种规范,一般设置为 ES5 或者 ES2016/2017“outdir”: 输出目录“alwaysStrict”:打开严格模式 (‘use strict’) 命令行下输入 code . 打开 VSCode 进入该目录,按下 Ctrl+shift+B 快捷键会进行编译,初次编译会选择编译模式,如下图所示:
我们在此处选择监视模式,这样基于以上的几点就完成了 Ts 的基本配置任务

正文完
 0