怎么运行Typescript
生活随笔
收集整理的這篇文章主要介紹了
怎么运行Typescript
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
依據官方示例:
npm i -g typescript?
示例:tsc *.ts
實例:tsc hello.ts
?
不過以上實現的太有限制了,如下實現可滿足正常測試以及學習使用
?
package,json
1 { 2 "name": "TypeScript", 3 "version": "1.0.0", 4 "description": "", 5 "main": "index.js", 6 "scripts": { 7 "test": "echo \"Error: no test specified\" && exit 1", 8 "start": "concurrently \"npm run tswatch\" \"npm run lite\"", 9 "tsc": "tsc", 10 "tswatch": "tsc -w", 11 "lite": "lite-server" 12 }, 13 "dependencies": { 14 "core-js": "2.5.7", 15 "classlist.js": "1.1.20150312", 16 "systemjs": "0.21.4", 17 "bootstrap": "4.1.3" 18 }, 19 "devDependencies": { 20 "concurrently": "^3.6.1", 21 "lite-server": "^2.4.0", 22 "typescript": "^2.9.2", 23 "typings": "^2.1.1" 24 }, 25 "keywords": [], 26 "author": "", 27 "license": "ISC" 28 }?
tsconfig.json
1 { 2 "compilerOptions": { 3 "target": "es5", 4 "module": "commonjs", 5 "moduleResolution": "node", 6 "emitDecoratorMetadata": true, 7 "experimentalDecorators": true, 8 "lib": [ 9 "es2016", 10 "dom" 11 ] 12 }, 13 "exclude": ["node_modules"] 14 }?
?
?
1.npm install
2.新建html文件,引入print.js,新建一個print.ts
3.npm start(執行完后會生成一個print.js文件,隨后打開index.html,最后運行)
總結
以上是生活随笔為你收集整理的怎么运行Typescript的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 第五人格所有屠夫故事(《第五人格》官方网
- 下一篇: 科技部:2022 年全社会研发经费支出首