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功能
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/176018.html
標籤:JavaScript
