TypeScript 入门学习小结

date

Aug 20, 2019

slug

typescript-learn-first

status

Published

前言

Typecript是目前非常流行的语言，很多公司现在都要求熟悉Typescript。Typescript 是Javascript的超集，正如它的名字，他其实就是Javascript 的类型加强版，对Javavscript 语言在类型方面的随意转换等缺点进行了规范。这算时间我也是在学习Typescript, 所以这篇博客就是对这段时间学习Typescript 的感受和小总结。

学习总结

前期环境配置部分

由于Typescript 并不是直接运行在浏览器中的语言，它最后其实转为Javascript运行，因此我们需要配置相关的环境。

首先，我们需要在终端安装typescript和ts-node:

npm install typescript
npm instal ts-node

后面不指定版本的话就是默认最新版。

然后，新建一个typescript项目文件的时候，需要在这个文件里面新建一个.vscode文件夹，在这个文件夹中新一个lanch.josn 文件，文件内容为：

{
     "configurations": [
         {
         "name": "ts-node",
         "type": "node",
         "request": "launch",
         "program": "这里是ts-node 的安装路径",
         "args": ["${relativeFile}"],
         "cwd": "${workspaceRoot}",
         "protocol": "inspector"
         }
     ]
 }

program 对应的是ts-node 的安装路径，我们可以在终端通过which node命令获取这个值。

最后，完成以上步骤之后，就可以愉快的在项目文件中编写ts文件了，写完一个ts文件，可以在debug面板中选择ts-node 执行，执行结果将在debug console 面板中显示。

Typescript 学习部分

对于Typescript 的学习，可以直接根据它的官网教程学习, 它也提供了像是5分钟上手教程，虽然不是真的可以5分钟上手，但还是可以帮助你快速了解一下它的一些特性。对于具体的学习过程就不想一一说明了，不然就感觉是在写入门教程了，而且网上这类的很多，没必要再写一遍，加之这类技术更新很快，可能我这边才写完，没过几天就又有新的特性了，所以此处还是略去吧。

学习感悟

越学习Typescript 越会觉得这个在未来会是一个标准，虽然现在大部分公司并没有强制要求，但是能明显感觉到这会是一个趋势，所以趁现在要赶紧学习，因为Typescript确实有解决JS的一些痛点问题，可以在编写代码的前期阶段就避免很多不必要的问题，这对于开发来说是一个非常重要的部分。