1. 程式人生 > >VS Code 開發除錯 TypeScript

VS Code 開發除錯 TypeScript

2016.8.8

環境

首先需要Node.js 環境。

cmd 中輸入npm如果沒有報錯說明安裝了 Node.js

否則從網上下載並安裝!

cmd 中輸入tsc -v如果沒有報錯說明安裝了 TypeScript

否則輸入以下命令

npm install -g typescript

計算機生成了可選文字:
|0: VJsers xasgardgame >npm install —g typescript 
: VJsers xasgardgame XAppDataXRoamingXnpm\tsseruer C: 
o am ing Xnpm Xnode _modu les ypescript in s s e rue r 
: VJsers xasgardgame XAppDataXRoamingXnpm\tsc C: VJser: 
g Xnpm Xnode _modu les ypescript Xbin \tsc 
: VJsers xasgardgame XAppData NRoamingXnpm 
typescriptel .8 .16

模組被安裝的位置(沒在Node.js的安裝位置)在:

計算機生成了可選文字:
|0asgardgame 
AppData 
Roami ng 
npm 
hexo-cli 
[Z] typescri pt 
node modules 
2016/8/8

案例下載,可以看看:

建立一個專案使用VSCode 隨便開啟一個資料夾路徑。

專案內容,新建一個檔案main.ts(故意沒有建立在根目錄下)

計算機生成了可選文字:
|0tsconfigjson Visual Studio code 
tasksjson .vscode 
tsconfig.json 
launch.json .vscode 
main.ts Golang\TypeScript 
Golang 
Typescript 
main.Js 
main.ts 
debug 
tasks.json 
1 
2 
3 
5 
6 
8 
10

新增程式碼內容:

class Parent {

constructor(public name) { }

say(data){

console.log(this.name + " Say: " + data);

}

}

class Child1 extends Parent {

say() {

console.log("Child1...");

super.say(5);

}

}

var sam = new Child1("TypeScriptName")

sam.say()

.vscodeVSCode開發工具特有的資料夾,主要用來存放除錯時需要用到的配置檔案。

配置編譯.ts=>.js檔案

tsconfig.jsonTypeScript編譯配置檔案(放在專案的根目錄下!)

相關推薦

VS Code 開發除錯 TypeScript

2016.8.8環境首先需要Node.js 環境。cmd 中輸入npm如果沒有報錯說明安裝了 Node.js否則從網上下載並安裝!cmd 中輸入tsc -v如果沒有報錯說明安裝了 TypeScript否

使用VS Code開發除錯.NET Core 2.0

使用VS Code 從零開始開發除錯.NET Core 2.0。無需安裝VS 2017 15.3+即可開發除錯.NET Core 2.0應用。 VS Code 全稱是 Visual Studio Code,Visual Studio Code是一個輕量級的跨平臺Web整合開發環境,可以執行在 Linux,Ma

VS Code開發調試.NET Core 2.0

lin res blog ram sco img vscode 不用 store VS Code開發調試.NET Core 2.0 使用VS Code 從零開始開發調試.NET Core 2.0。無需安裝VS 2017 15.3+即可開發調試.NET Core 2.0應用。

使用VS Code開發asp.net core (上)

insider pub 方法 開發 ctr 自動安裝 查看 系統 地址 本文是基於Windows10的. 下載地址: https://code.visualstudio.com/ insider 版下載地址: https://code.visualstudio.com/in

輕松掌握VS Code開發.Net Core及創建Xunit單元測試

blog logs 寫文章 編譯 分享 單獨 etc 2.0 ren 前言 本篇文章主要還是介紹使用 VS Code 進行.Net Core開發和常用 CLI命令的使用,至於為啥要用VS Code ,因為它是真的是好看又好用 :) ,哈哈,主要還是為了跨平臺開發做準備。 開

搭建vs code開發c 環境

關於搭建vscode的開發環境來開發c網上已經有很多類似的貼子,但是幾乎都是直接給出tasks.json和launch.json檔案,並未說明這兩個檔案的用途以及如何配置。這裡著重說明下這兩個問價。 一、安裝gcc使用mingw-w64而非mingw,後者已經許久沒更新了。去下面的連線https://sou

VS Code平臺除錯lua程式

對本人使用vscode進行lua程式除錯的步驟進行分享,技術渣渣,板磚輕拍。 環境搭建 去微軟官方下載vscode 軟體下載地址 安裝Lua 5.3 Debug 外掛,可以在vscode中按Ctrl+P,輸入 ext install lua-debug vscode的

VS Code開發技巧集錦

2016 年 9 月 23-24 日,由 CSDN 和創新工場聯合主辦的“MDCC 2016 移動開發者大會• 中國”(Mobile Developer Conference China)將在北京• 國家會議中心召開,來自iOS、Android、跨平臺開發

VS Code除錯Jest單元測試

隨著React的流行,jest也成很多專案廣泛使用的測試框架。由於jest預設是併發執行測試,在日常的工作中發現很多同學對於如何除錯jest單元測試犯難。這些小細節有時真是“會者不難,難者不會“。這裡給大家介紹如何在code中除錯jest測試的小技巧。

解決VS Code開發Python3語言自動補全功能不帶括號的問題

Visual Studio Code(以下簡稱VS Code)用來開發Python3,還是很便利的,本身這個IDE就是輕量級的,才幾十兆大小,通過安裝外掛的方式支援各種語言的開發。介面也美美噠,可以在一個IED開發以下語言/指令碼: C++ - C# - CS

在Linux中使用VS Code編譯除錯C++專案(gcc/g++、Makefile入門、vs code

最近專案需求,需要在Linux下開發C++相關專案,經過一番摸索,簡單總結了一下如何通過VS Code進行編譯除錯的一些注意事項。 關於VS Code在Linux下的安裝這裡就不提了,不管是CentOS還是Ubuntu,如果不懂且搜Q足夠的情況下,你會解決的。 一. 前置知識——gcc/g++的編譯連結過程

vs code 開發 vue 格式設置

enc ima -html dimp terminal func delet force die vs code 開發 vue 格式設置 打開設置 Preferences: Open Workspace Settings 修改配置文件 { "workbench.co

使用VS Code 開發.NET CORE 程式指南

1. 前言 近兩年來,很多前端的同學都開始將 VSCode 作為前端主力開發工具,其豐富的擴充套件給程式開發尤其是前端開發帶來了很多便利,但是作為微軟主力語言的 .NET,卻由於有宇宙第一編輯器 Visual Studio存在,很少有看到有後端同學使用,筆者自己在 VSCode 剛出來時就折騰過將主力開發工具

VS code開發工具的使用教程

## 前言 > 工欲善其事必先利其器,提高程式設計師的開發效率必須要有一個好的開發工具,當前最好的前端開發工具主要有VS code、sublime Text、Atom、Webstorm、Notepad++。 VS Code 是一款十分強大的程式碼編輯器,雖然出來時間比較短,但是使用頻率和受歡迎率已

如何使用 VS Code 開發.NET Core應用程式

![](https://blog-1259586045.cos.ap-shanghai.myqcloud.com/clipboard_20210113_044256.png) Visual Studio Code(VS Code)是Microsoft為Windows,Linux和Mac作業系統開發的免費,跨

Vs Code搭建 TypeScript 開發環境

world get 目標 sco 幫助 user ron mage hand 一.npm install -g typescript 全局安裝TypeScript 二.使用Vs Code打開已創建的文件夾,使用快捷鍵Ctrl+~啟動終端輸入命令 tsc --init

微軟推出 VS Code 新特性,為 TypeScript 和 JavaScript 使用者提供 AI 輔助開發功能

除了開發人員非常喜歡的IntelliSense和程式碼完成之外,今年早些時候,微軟還發布了IntelliCode,提供了一組 AI 輔助開發功能。VS Code 團隊現在宣佈了一項新的實驗性擴充套件,將 IntelliCode 帶給了 TypeScript 和 JavaScript 使

VS code for python開發利器

品牌 studio 強烈 需要 tar python開發 -a log 公眾號 交流群:522720170 轉發+點贊=支持 引言 最近在整理python自動化測試課程的內容,發現了微軟出的vs code編輯器太牛逼了,非常好用,而且輕量的不要不要的,特此記錄下,有選

VS code golang 開發環境搭建

pac 遠程服務 println gop vs code 空間 go 安裝 beta out 安裝go (1)下載go安裝程序 下載地址:https://golang.org/dl/ (墻內下載地址http://www.golangtc.com/downlo

vs code進行c/c++開發配置

AR con vsc sco vs code image c++開發 ons 技術 1.vs code默認主題我不是很喜歡,這裏推薦網友用的比較多的主題"One Dark Pro" 和 圖標"vscode-icons",直接在vs code的擴展商店裏面搜索就可以安裝,安裝