TypeScript鍩虹-涓轰粈涔堣鍦╪ode涓惌寤篢S鐜馃node鐜鍦╪ode涓瘮杈冪畝鍗曪紝璁╂垜浠洿涓撴敞浜巘s鏈韩瀹夎TypeScript鍏ㄥ眬鍛戒护cnpmi-gtypescript褰撳墠椤圭洰瀹夎鍛戒护cnpmitypescript浣跨敤ts鍒涘缓鏂囦欢绱㈠紩.tsletsay:string="hello"Compile鍙互灏唗s浠ｇ爜缂栬瘧鎴恓s浠ｇ爜锛屽湪杩欎釜杩囩▼涓紝绫诲瀷妫€鏌ョ瓑涓巘s鐩稿叧鐨勫唴瀹逛細琚幓鎺夛紝鍙繚鐣欏師鏉ョ殑js銆備娇鐢ㄥ懡浠sc绱㈠紩銆倀s鐢熸垚index.js锛屽唴瀹瑰涓媣arsay="hello"杩欐椂鍊欎細鍙戠幇涓€浜涘皬闂锛屼細鎻愮ず璀﹀憡銆備笅闈㈠垎鏋愪竴涓嬪師鍥狅細TS浼氬仛鍑犱釜鍋囪1.鍋囪褰撳墠鎵ц鐜鏄痙om锛屼粈涔堟槸document鍜寃indow瀵硅薄锛屾墍浠ユ棤娉曡瘑鍒彉閲弒ay2.濡傛灉浠ｇ爜娌℃湁浣跨敤妯″潡鍖栵紙import锛宔xport锛夛紝璁や负浠ｇ爜鏄叏灞€鎵ц鐨?.缂栬瘧鍚庣殑鐩爣浠ｇ爜鏄粯璁ょ殑ES3鍏ㄥ眬鎵ц锛歩ndex.jsts涓瘑鍒敤var澹版槑鐨勫叏灞€鍙橀噺say锛屾墍浠ヤ笉鍏佽閲嶅瀹氫箟鐩爣浠ｇ爜:浣跨敤tsc鍛戒护缂栬瘧js鐨勫唴瀹癸紝浣跨敤鍝釜ES鐗堟湰锛岃繖涓槸鍙互閰嶇疆鐨勪互鍙婂浣曡В鍐砊S鐨勫亣璁攫煠?1.浣跨敤tsc鍛戒护鏃讹紝鍔犱笂option鍙傛暟(tsc--xxx,鍙互璇﹁瀹樼綉锛夛紝姣旇緝楹荤儲锛屼笉鎺ㄨ崘鍒涘缓馃鎵嬪姩鍒涘缓tsconfig.json鏂囦欢鍛戒护鑷姩鍒涘缓tsc--init閰嶇疆椤癸紝璇磋姣旇緝閲嶈鐨勫嚑椤箋//涓婇潰ts鐨勫亣璁炬槸鍏跺疄鏄紪璇戦€夐」鐨勯粯璁ゅ€硷紝鎴戜滑鍙互鏀瑰彉"compilerOptions":{//缂栬瘧閫夐」//缂栬瘧鐩爣js浠ｇ爜鐨勭増鏈爣鍑嗭紙ts涓殑鐗堟湰鎴愪负鐩爣璁剧疆锛?target":"",//ES3-ES2022...鍙互閰嶇疆锛岄粯璁ゆ槸ES3锛屼互涓婂亣璁惧彲浠ヨ缃垚ES2015浠ヤ笂鍗冲彲瑙ｅ喅//缂栬瘧鐩爣js浠ｇ爜鐨勭増鏈ā鍧楀寲鏍囧噯"module":"",//鍙互閰嶇疆CommonJS...//閰嶇疆ts涓殑鐜"lib":["ES2016"]//鍙互閰嶇疆Dom...,濡傛灉鍙湁ES,document,鎺у埗鍙扮殑鍏ㄥ眬鍙橀噺涓嶈兘浣跨敤锛屼細浠ラ敊璇殑褰㈠紡鎻愮ず蹇界暐缂栬瘧鎸囧畾鐩綍&鏂囦欢缂栬瘧鎵€鏈塼s鏂囦欢锛岀敓鎴愪笌tsc鍚岀骇鐨刯s鍜宼s鏂囦欢缂栬瘧鎸囧畾鏂囦欢鎴栨枃浠跺す{"compilerOptions":{},//鎸囧畾鏂囦欢鐩綍鎴栨枃浠跺埌缂栬瘧,澶氫釜"include":["./src","index.ts"],//鎸囧畾缂栬瘧鏂囦欢,澶氫釜"files":[""]}缂栬瘧鍒版寚瀹氭枃浠跺す{"compilerOptions":{//闇€瑕佺紪璇戠殑鏂囦欢澶癸紝骞朵繚鐣欏師鏉ist涓璽s鏂囦欢鐨勪綅缃拰鐖剁洰褰?outDir":"./dist"//浼氱紪璇戝埌dist鏂囦欢澶箎}typelibrary@typesisants鐨勫畼鏂圭被鍨嬪簱锛岄噷闈㈡湁寰堝js浠ｇ爜鐨勭被鍨嬫弿杩板叾瀹炰綔鐢ㄥ氨鏄负绾痡s搴撴坊鍔犵被鍨嬪畾涔塲Query锛氱敤js鍐欑殑锛屼笉鍋氱被鍨嬫鏌pminstalltypes/jquery锛屾坊鍔犵被鍨嬪畾涔堾types/node涓簀query绫诲簱锛屽畨瑁卨ib涓己灏戠殑node鐜锛岃В鍐宠緭鍏ュ懡浠ょ棝鐐癸紝鍙互浣跨敤绗笁鏂瑰簱绠€鍖栨祦绋嬶紝閬垮厤棰戠箒杈撳叆鍛戒护杩愯ts-node锛氱紪璇憈s浠ｇ爜鍦ㄥ唴瀛橈紝鍚屾椂瀹屾垚杩愯鍜屽畨瑁呫€備娇鐢╟npmi-gts-node馃//杩欎釜杩囩▼灏卞儚鏄厛鎵цtscxxx.ts锛屽啀鎵цnodexxx.jsts-nodexxx.ts銆傝繖鏍峰仛鐨勫ソ澶勬槸涓嶄細浜х敓鏂扮殑鏂囦欢鎴栫洰褰曪紝鍙互鎻愰珮寮€鍙戞晥鐜囥€備絾鏄鏋滄湁鐑洿鏂帮紝鏈湴寮€鍙戠幆澧冭嚜鍔ㄨ繍琛岋紝宀備笉鏄洿鐖斤紵nodemon锛氬畠鍙互鐢ㄦ潵妫€娴嬫枃浠剁殑鍙樺寲锛侊紝澶己澶т簡锛佸畨瑁卌npmi-gnodemon浣跨敤鏂规硶馃锛岀洃鎺ф墍鏈夋枃浠讹紒//鐩戝惉鏂囦欢鍙樺寲锛屾墽琛宼s-node鍛戒护nodemon--exects-nodexxx.ts鎴栬€呮斁鍦╬ackage.json涓?script":{"dev":"nodemon--exects-nodexxx.ts"}鎵цnpmrundev浣跨敤鏂规硶馃锛岀洃鍚寚瀹氭枃浠讹紒"script":{//鎵цts-node鍓嶇洃鍚?ts鏂囦欢鍙樺寲"dev":"nodemon-ets--exects-nodexxx.ts"//鐩戝惉src鐩綍涓?ts鏂囦欢鍙樺寲锛屾墽琛宼s-node"dev":"nodemon--watchsrc-ets--exects-nodexxx.ts"}
