Typescript的優勢咱不需要贅述太多，有興趣可以參考（https://www.typescriptlang.org/），今天給大家分享一下如何在微信小程式（或者其他同類小程式）開發中使用Typescript，
這個分兩種情況，最簡單的做法就是在創建專案時，選擇Typescript這個選項，如下圖所示，但要注意，這個選項只有在選擇"Use no cloud service"才有，而另外一種Mini Program Cloud Base則不支持，這個可能是開發工具還沒有跟上吧，希望以后默認也能選擇，
那么問題就來了，如果我選擇了第一種Mini Program Cloud Base，亦或是我之前有一個專案，現在也想用Typescript，怎么辦呢？其實也不難，請參考下面我總結的步驟，
第一步：確保你的專案有一個package.json檔案，并且確保增加如下兩行，其他的可以不一樣，如果該檔案不存在，請用npm init命令生成，該檔案修改完后，請運行npm install命令生成本地的依賴，
第二步，為你的專案增加一個tsconfig.json檔案，內容如下
{
"compilerOptions": {
"strictNullChecks": true,
"noImplicitAny": true,
"module": "CommonJS",
"target": "ES5",
"allowJs": false,
"experimentalDecorators": true,
"noImplicitThis": true,
"noImplicitReturns": true,
"alwaysStrict": true,
"inlineSourceMap": true,
"inlineSources": true,
"noFallthroughCasesInSwitch": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
"strict": true,
"removeComments": true,
"pretty": true,
"strictPropertyInitialization": true,
"lib": [
"es5"
],
"typeRoots": [
"./typings"
]
},
"include": [
"./**/*.ts"
],
"exclude": [
"node_modules"
]
}
第三步，下載下面這個壓縮包，解壓縮，放在專案的根目錄下
https://files.cnblogs.com/files/chenxizhang/typings.zip
這里的檔案是騰訊官方提供的型別定義檔案d.ts
第四步，修改project.config.json 檔案，添加預處理命令
"scripts": {
"beforeCompile": "npm run tsc",
"beforePreview": "npm run tsc",
"beforeUpload": "npm run tsc"
},
第五步，確保在"微信開發者工具"中啟用了預處理命令，
搞定，這樣就可以愉快地使用Typescript進行微信小程式的開發了，而且我還更加推薦用VS Code直接進行開發，"微信開發者工具"僅用來做編譯和發布，這個開發體驗真的很流暢，如絲般順滑，下一篇有時間我再分享這個內容吧，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/248018.html
標籤：JavaScript
上一篇：百度地圖 - 基礎學習(7): GeoUtils類 其他方法的使用(折線長度、點是否在區域內)
下一篇：有哪些適合個人開發的微信小程式