怎么运行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