2. 程式人生 > >使用vscode調試小段的typescript代碼

使用vscode調試小段的typescript代碼

阿新 • • 發佈：2018-07-01
管理工具 階段 tps HR 需要 如果 新手 包管理 lan

最近在學習typescript。學習 嘛，當然免不了各種練習，試錯。那麽使用vscode就可以很方便的做到。

首先是安裝node.js。我們知道，node.js提供了js脫離瀏覽器的執行平臺。node.js可以在官網下到，安裝的時候下一步下一步就可以了。

使用node.js的npm包管理工具安裝插件。打開cmd輸入一下命令安裝全局插件（全局插件好像電腦上任何文件夾都可以訪問,不過局部安裝可以用tsconfig文件靈活的控制使用插件版本）:

npm install -g ts-node npm install -g typescript 第一個是安裝typescript的運行插件ts-node.這個運行插件可以完全不依賴於typescript
的配置tsconfig而獨立運行。同時也會檢索文件的引用樹例如 imports 和 references。 第二個安裝的是typescript轉javascript的插件。 typescript最終是要在編譯階段轉換成javascript。 使用方法:在說明使用方法之前，我先簡單的介紹一下我理解的一些node命令的簡單用法: tsc(tsc filename): 將對應typescript轉換成javascript。 node(node filename):運行某一個javascript文件。 ts-node(ts-node filename):運行某一個typescript文件。 註意:vscode建立typescript文件時需要新建一個tsconfig文件。這個文件是tsc命令需要的。
 但是，現在敲命令的工作vscode都幫我們做好了。只需在需要運行的js/ts界面，右鍵選擇runcode.即可在output界面看到運行結果。不管是javascript合適typescript都可以！ 還有很多深入學習的東西。例如配置文件的用法，node.js命令的用法。typescript調試。不過對現階段來說，這些夠用了。 我是新手，如果有哪些錯誤的地方，請各路神仙多多指教打臉。 關於typescript的調試可以看看這個。https://segmentfault.com/a/1190000010605261 本文參考資料:https://www.npmjs.com/package/ts-node

使用vscode調試小段的typescript代碼

相關推薦

使用vscode調試小段的typescript代碼

管理工具 階段 tps HR 需要 如果 新手 包管理 lan 最近在學習typescript。學習 嘛，當然免不了各種練習，試錯。那麽使用vscode就可以很方便的做到。 首先是安裝node.js。我們知道，node.js提供了js脫離瀏覽器的執行平臺。node.js可以

關於VS2013調試IIS應用源代碼時無法進入斷點的問題總結

遇到 成對 文檔加載 進程 要求 vs2013 解決 附加 不同 調試無法進入斷點 前言：今天再次遇到之前調試無法進入斷點的問題，本來想不寫呢覺得沒什麽只是又犯了同樣的錯誤，但是我發現這個問題我分析起來還是挺費勁的，我仔細想了想原因， 是因為自己對之前的錯誤沒有進行總結，導

2018/11/08-調試器-《惡意代碼分析實戰》

能力 包含 內存 目的 改變 地址 什麽 變量 以及 　　調試器是用來檢測或測試其他程序運行的以來軟件或硬件。由於剛完成的程序包含錯誤，因此調試器在軟件開發過程中可以大顯身手。調試器讓你能夠洞察程序在執行過程中做了什麽。調試器的目的是允許開發者監控程序的內部狀態和運行。 　

運行/調試你的PHP代碼

一段 man err visual 隱藏 使用 工作 github上 情況下 前言 沒有任何一名程序員可以一氣呵成、完美無缺的在不用調試的情況下完成一個功能或模塊。調試實際分很多種情況。本篇文章我分享下自己在實際開發工作中的經驗，我個人理解,調試分三種,註意我所講的是調試並

通過調試vue-cli 構建代碼學習vue項目構建運行過程

debug doc 學習 pac -m 調試過程 nod p s 發生 我們知道vue-cli 3.0之前直接基於webpack創建對應配置文件，我們通過學習webpack就能夠了解其構建過程，然而從vue-cli 3.0開始，vue-cli命令行更改為@vue/cli以及

VS2015 C#調用C++ 托管代碼無法調試問題排查

解決 屬性 排查 使用 托管 dll c++ 命中 調用 C#引用C++ 部份代碼編繹DLL，調試時，無法命中C++ 代碼部份，解決方式: 1. 調試-> 選項->調試->常規 ： 勾選 【使用托管兼容模式】 （同時點擊 同級目錄 【符號】 中 【

C++ 隊列queue中的一段玄學代碼

原因 gin p s emp printf empty ont ffffff pro 代碼： mtx.lock(); printf("node %d push localW prepared,and local flag=%d,clock=%d\n",procID,l

scrapy基礎知識之 pycharm 調試小技巧：

.py 小技巧 char line awl spi cmd 調試 基礎知識 在項目根目錄下新建main.py文件,用於調試 from scrapy.cmdline import executeexecute(["scrapy","crawl","MySpider"])scr

Windows7驅動調試小Tips

執行命令 file and 其它 one online aud b- locked v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#def

小程序商城開發小程序系統代碼編程分析

類型 com 方式 微信小程序 優勢 復雜 未來 電子商務 主體 小程序商城開發小程序系統代碼編程分析：151.1222.4001（微/電）微信小程序開發，小程序商城開發，小程序模式開發，小程序源碼開發，小程序軟件開發，小程序應用開發，小程序微商城搭建，小程序分銷返利系統開

微信小程序幻燈片代碼

實例 for src index 應用 blank eight component slide 1.index.wxml文件 <!--index.wxml--> <swiper indicator-dots="{{indicatorDots}}" aut

javascript組件封裝中一段通用代碼解讀

img 中一 factor log func 解讀 amd oba 通過 有圖有真相，先上圖。 相信很多想去研究源碼的小夥伴一定被這段代碼給嚇著了把，直接就打消了往下看下去的想法。我剛開始看的時候也是有點一頭霧水，這是什麽東東這麽長，但是慢慢分析你就會發現其中的奧秘，

vscode 調試.net core 2.0 輸出亂碼解決方法

csp pre json acer core 亂碼 cer cor img 之前在vscode上調試.net core 2.0項目時輸出窗口一直是亂碼，查了很多資料無法解決 最終在github找到了解決辦法 -> https://github.com/

vscode 調試node.js

ogr 設置變量 ret 處理 dct pri 進入 單步調試 以及 在開發的過程中，幾乎不可能一次性就能寫出毫無破綻的程序，斷點調試代碼是一個普遍的需求。 作為前端開發工程師，以往我們開發的JavaScript程序都運行在瀏覽器端，利用Chrome提供的開發者工具就可以方

使用VSCode調試RN項目

這就是 免費 rom pack 完成 png 一點 接下來 信息 1.安裝VSCode（安裝就不說了），為什麽用它，最重要的一點，他免費啊，對於碼農的我們，這就是剛需。 2.插件安裝： 　　a.點擊下圖1，進入擴展搜索界面，搜索debugger for chrome插件，安

同時開左右兩個SAPGUI編輯器顯示同一段ABAP代碼

編輯 sap系統 支持 左右 程序 mage 另一個 9.png 版本 很多文本編輯器都支持同時開左右兩個窗口顯示同一段代碼，使用場景可能是比較同一段代碼的不同版本差異，或者是ABAP裏，同一段代碼在Netweaver不同版本裏的實現差異，比如版本為SP1的系統A和版本為S

💒 es6 + canvas 開源 蓋樓小遊戲 完整代碼註釋 從零教你做遊戲（一）

lock 基於 時間 git cor 默認 掃描 lin tga 蓋樓遊戲 一個基於 Canvas 的蓋樓遊戲 Demo 預覽 在線預覽地址 (Demo Link) 手機設備可以掃描下方二維碼 github https://github.com/bmqb/to

C線程代業代寫代調試、POSIX Threads代編碼

pthread window IE 通訊 ror follow swa help lac C線程代業代寫代調試、POSIX Threads代編碼(CSCI 363) Project Two -- POSIX ThreadsInstructionsThis program s

linux學習記錄.6.vscode調試c makefile

void 打開 lin out () tasks pick oid touch 參考 https://www.cnblogs.com/lidabo/p/5888997.html task有更新，不能使用文章的代碼。 多文件 終端 touch main.c hw.c hw.

JavaScript的兼容小坑和調試小技巧

數列 兼容 content 鍵值對 src meta .ajax 編程 control JavaScript作為一種弱類型編程語言，入門簡單，只要稍微註意一下IE方面的兼容性，就可以很好的使用它。 本文主要是對IE兼容的小坑和調試的小技巧進行舉例分析，並給出解決方法。 1、