一、typescript 了解
typeScript 是由微軟開發(fā)的一款開源的編程語言。
typeScript 是 javascript 的超級(jí),遵循最新的 es6、es5規(guī)范。
typeScript 擴(kuò)展了 javaScript 的語法。
typeScript 更像后端 java、C# 這樣的面向?qū)ο笳Z言,可以讓 js 開發(fā)大型企業(yè)項(xiàng)目。
二、 通過 npm 安裝 typescript
全局安裝:$ npm install -g typescript
查看 typescript 版本:$ tsc -v
編譯 ts文件為 js:$ tsc test.ts
生成 tsconfig.json 配置文件:$ tsc --init
三、typescript 開發(fā)工具 vscode 自動(dòng)編譯 .ts 文件
1、項(xiàng)目根目錄生成 tsconfig.json 文件
ctrl+` 打開終端,輸入指令 tsc --init 生成配置文件
vscode 中執(zhí)行 tsc --init 報(bào)錯(cuò)解決方案
報(bào)錯(cuò)信息:
tsc : 無法加載文件
C:\Users\ASUS\AppData\Roaming\npm\tsc.ps1,因?yàn)樵诖讼到y(tǒng)上禁止運(yùn)行腳本。有關(guān)詳細(xì)信息,請(qǐng)參閱
https:/go.microsoft.com/fwlink/?LinkID=135170 中的
about_Execution_Policies。 所在位置 行:1 字符: 1
1> 關(guān)閉vscode
2> 桌面右鍵以管理員身份運(yùn)行vscode
3> 輸入以下命令
set-ExecutionPolicy RemoteSigned
最后輸入是(Y)或者全是(A)即可
4> 輸入 get-ExecutionPolicy,可看到腳本的執(zhí)行策略已被更改為 RemoteSigned
2、修改 tsconfig.json 文件 編譯的 js 文件輸出路徑
編譯后的 js 文件,會(huì)輸出到項(xiàng)目根目錄下的 /js 目錄下
3、開啟 tsc 監(jiān)視任務(wù) , 自動(dòng)生成 js 代碼
點(diǎn)擊菜單 > 運(yùn)行任務(wù) > typescript > 點(diǎn)擊 tsc:監(jiān)視-tsconfig.json文章來源:http://www.zghlxwxcb.cn/news/detail-642645.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-642645.html
到了這里,關(guān)于【01】基礎(chǔ)知識(shí):typescript安裝及使用,開發(fā)工具vscode配置的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!