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為例

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功能


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM