怎么運行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,最后運行)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM