ts開發環境搭建

ts爲typescript的縮寫，是javascript的超集。

npm源改成國內

因爲 Node 的官方模塊倉庫網速太慢，模塊倉庫須要切換到阿里的源。

npm config set registry https://registry.npm.taobao.org/

執行下面的命令，確認是否切換成功。

npm config get registry

若是輸出爲 taobao字樣，則表示切換成功

安裝 Postman

Postman 是一個 HTTP 通訊測試工具，REST API 的練習會用到它。

請到官網 GetPostman.com 下載獨立安裝包。

運行tsc報錯

在windows10 x64 專業版(10.0.16299) 經過npm 安裝ts以後，執行tsc xx.ts，報錯信息以下：

tsc : 沒法加載文件 C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1，由於在此係統上禁止運行腳本。有關詳細信息，請參閱
 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1
+ tsc .\model\Person.ts
+ ~~~
    + CategoryInfo          : SecurityError: (:) []，PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

解決辦法

執行策略可幫助你防止執行不信任的腳本

1.管理員身份打開powerShell

2.輸入set-ExecutionPolicy RemoteSigned

3 選擇Y 或者A ，就行了

VS Code 運行ts

在visual studio中 調試 - 執行調試 ，報錯以下：

沒法找到程序xx.ts，對應的JavaScript，由於沒法啓動此程序

打開launch.json

須要先執行tsc 把ts編譯成js，再執行js

webstrom使用

webstrom界面中有ts的log窗口

安裝webstrom以後，有內置的typescript模塊，也能夠手動安裝 npm install -g typescript

webstrom執行ts腳本

以在webstrom下執行ts爲例

一、安裝ts-node和typescript

https://www.npmjs.com/package/ts-node

# Locally in your project. 
npm install -D ts-node
npm install -D typescript
 
# Or globally with TypeScript. 
npm install -g ts-node
npm install -g typescript

二、在啓動node參數添加（node parameters） --inspect --require ts-node/register

參數	值
node parameters	--inspect --require ts-node/register
working directory	項目根目錄
javascript file	要執行的ts文件

webstrom調試ts腳本

安裝 JetBrains IDE Support 瀏覽器擴展插件，能夠官網或其它地方下載

確保 webstrom 下 settings - debug - built in server裏的端口和瀏覽器擴展裏的端口一致。

須要啓動http服務才能夠在瀏覽器運行，並傳回webstrom調試。

對於單個的ts文件，還不能使用此方法調試

並且若是是node的web程序就能夠。

詳細內容查看：WebStorm強大的調試JavaScript功能