TypeScript快速入門

bleso發表於2021-02-21

什麼是Typescript

image-20210221172041622

為什麼學習Typescript

  • 微軟支援推廣
  • 開源
  • 囊括js,並不止於js,在js的許多薄弱上做了加強

快速搭建開發環境

1、安裝node.js

  1. 本人環境基於linux(manjaro)

  2. yay -S nodejs 
    
  3. node -v
    

    image-20210221180509995

    輸入以上命令驗證安裝

2、使用node自帶的npm安裝Typescript編譯器

sudo npm install -g npm --registry=https://registry.npm.taobao.org

3、配置vscode編輯環境

image-20210221174538218

我使用的是這款外掛

4、測試環境

image-20210221175824152

image-20210221180027971

image-20210221180235382

輸入編譯命令後沒有任何報錯就成功啦

然後我們開啟目錄發先在helloTs.ts的同級目錄有一個名為helloTs.js的js檔案這就是我們ts命令編譯生成的js檔案這個js檔案是要相對安全的

相關文章