使用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...