Vscode搭建Typescript可除錯環境

2021-09-19 19:19:28 字數 1458 閱讀 8047

使用typescript對於js開發來說能很大的提公升開發效率, 

不過搭建出可除錯的typescript有些麻煩.

所以這裡這裡說明一下具體的配置方法, 以及提供**.

在使用以上**前需要確保本地安裝了node.js 以及typescript

npm install -g typescript
將上面的github鏈結裡的**拉取到本地即可看到下面的一些關鍵檔案.

在**根目錄輸入命令, 將依賴的模組安裝, 即可開啟vscode進行除錯了.

npm install
是typescript轉換成js的配置資訊, 比如sourcemap表示是否生成除錯對映檔案.

,

"target": "es5",

"lib":["es2016","es2016.array.include"],

"declaration": true,

"noimplicitany":false,

"noemitonerror":true,

"removecomments": false,

"sourcemap": true,

"rootdir": "./src",

"outdir": "./dist",

"maproot": "./dist"

},"include": [

"src/**/*"

],"exclude": [

"node_modules",

"**/*.spec.ts",

"./dist"

]}

配置當前模組的環境資訊

,

"author": "",

"license": "isc",

"devdependencies": ,

"dependencies":

}

配置gulp命令

var gulp = require('gulp');

var ts = require('gulp-typescript');

var sourcemaps = require('gulp-sourcemaps');

var tsproject = ts.createproject('tsconfig.json');

gulp.task('default', function() );

vscode的除錯配置檔案

\\dist\\index.js",

"prelaunchtask": "tsc: build - tsconfig.json",

"outfiles": [

"$/dist/**/*.js"

],"sourcemaps": true}]

}

vscode搭建除錯typescript檔案環境

typescript 入門教程 最近想學習typescript的語法,不想引入與ts無關的東西,因此寫一篇筆記記錄搭建ts環境的過程 建立乙個typescriptstudy資料夾 進入typescriptstudy資料夾,執行npm init y快速建立package.json 執行tsc init...

VSCode搭建Vue專案

在vscode上搭建乙個vue專案 初學總結。1.假設vscode nodejs等已經安裝好了。2.全域性安裝vue cli,vue cli可以幫助我們快速構建vue專案。安裝命令 npm install g vue cli開啟vscode的終端,調出命令輸入框。點選終端 新建終端,輸入上述命令,回...

VScode 搭建PHP環境

先按照這個搭建 使用visual studio code搭建php除錯環境 要注意的幾個點 上文中的4.2.配置visual studio code 指定php的路徑 配置 php debug 配置完成後 資料夾下後有個 vscode 資料夾 下有個 launch.json 內容如下 使用 inte...