目錄
- TypeScript-part01
- TypeScript介紹
- 寫在前面
- 但是對于TS而言：
- TS與JS區別
- TypeScript配置
- 最好安裝一下全域*
- Locally in your project.
- Or globally with TypeScript.
- TypeScript創建一個簡單的程式
- 開發工具
TypeScript-part01
TypeScript介紹
寫在前面
程式運行的一般步驟：
- 決議程式：程式決議為AST（抽象句樹法-abstract syntax tree）；
- 編譯：將AWT編譯成為位元組碼；
- 運行：計算位元組碼，
但是對于TS而言：
要先用編譯器編譯為JavaScript，然后執行以上步驟！
TS與JS區別
JavaScript是動態系結型別；
TypeScript是靜態系結型別，
JavaScript是弱型別語言；
TypeScript是漸進式型別語言，
JavaScript會自動轉換型別；
TypeScript會檢查型別，并報錯，
TypeScript配置
- 新建一個檔案夾
- 初始化npm：
npm init
- 安裝TSC、TSLint、NodeJS的型別宣告
npm install --save-dev typescript tslint @types/node
最好安裝一下全域*
Locally in your project.
npm install -D typescript
npm install -D ts-node
Or globally with TypeScript.
npm install -g typescript
npm install -g ts-node
TypeScript創建一個簡單的程式
- 在根目錄下新建tsconfig.json 檔案，寫入：
{
"compilerOptions": {
"lib": ["es6"],
"module": "commonjs",
"outDir": "dist",
"sourceMap": true,
"strict": true,
"target": "es6"
},
"include": [
"src"
]
}
具體配置請看官方檔案
- 新建tslint.json檔案，寫入：
{
"defaultSeverity": "error",
"extends": [
"tslint:recommended"
],
"rules": {
"semicolon": false,
"trailing-comma": false
}
}
或者使用命令列：
tslint --init
- 最后新建src檔案夾及其之下的index.ts
試著寫入代碼：
console.log('Hello TypeScript!')
- 編譯： tsc ./src/index.ts
之后檔案夾src下會出現編譯好的js檔案， - 運行（node）：node ./src/index.js
成功運行第一個TypeScript專案！
開發工具
- ts-node
更快編譯、運行 - typescript-node-starter（github上面搜）
腳手架工具
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/236649.html
標籤：區塊鏈