ts為typescript的縮寫,是javascript的超集。 npm源改為國內 由於 Node 的官方模塊倉庫網速太慢,模塊倉庫需要切換到阿裡的源。 執行下麵的命令,確認是否切換成功。 如果輸出為 taobao字樣,則表示切換成功 安裝 Postman Postman 是一個 HTTP 通信測試 ...
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為例
1、安裝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
2、在啟動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功能