Day 04 - 导入 TypeScript

如果有错误，欢迎留言指教~ Q_Q

为什麽需要 TypeScript?

是一种强型别的语言，可以主动去定义型别，若没有，则会帮你自动判定型别。

1. 可以提早发现和降低因为型别不正确的一些错误
   • JavaScript 是一个弱型别语言，所以在写的时候并不会帮严格检查
   • 是一种强型别的语言，可以主动去定义型别，若没有，则会帮你自动判定型别。
2. 可以增加程序码的可读性，未来重新接手的时候，也好进入状况
3. ...

环境建置

以往都是用 npm 下载，现在 yarn 对於安装速度更快~~

透过 yarn 安装过的套件都会在本机目录产生 Cache，砍掉 node_modules 目录後，再重新安装都会从 Cache 读取。

1. 我还是先下载 nvm，来安装 yarn (跟用 IE 下载 chrome 一样)

   • 这样也方便切换不同版本的 node

2. 全域安装 TypeScript

   • yarn global add typescript -> 母灾为啥不行装 global
     • https://yarnpkg.com/package/typescript
   • npm install -g typescript -> 那还是先用 npm 吧
   • tsc -v -> 检查是否有安装和其版本

3. 你也可以安装在各自的专案
   4. yarn init -> package.json
   5. yarn add -D typescript
   6. tsc --init -> tsconfig.json
   - 这支设定档中会告诉 TypeScript 该如何去编译这个专案资料夹中的 TS 档、专案的根目录为何、编译後的档案要放在哪、撰写风格的检查等等

TypeScript 档案

JavaScript 的副档名是 .js
TypeScript 的副档名是 .ts
如果是用 TypeScript 中有使用到 JSX 则是 .tsx

ref:

https://willh.gitbook.io/typescript-tutorial/introduction/hello-typescript