33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢

Posted 鍓嶇澶у叏

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢相关的知识,希望对你有一定的参考价值。

锛堢粰鍓嶇澶у叏鍔犳槦鏍囷紝鎻愬崌鍓嶇鎶€鑳?/span>锛?/span>

juejin.cn/post/6908497610311467021

娴烽様鍑奔璺冿紝澶╅珮浠婚笩椋炪€侶ey 浣犲ソ锛佹垜鏄Е鐖卞痉銆傪煒?/p>

骞冲钩鏃犲涓婄彮鎽搁奔锛岀敋鑷虫兂鐫€濡備綍甯﹁柂鎷夊睅锛熶笉涓嶄笉锛屼粖澶╂垜浠潵鑱婅亰vscode涓偅浜涙彁楂樺伐浣滄晥鐜囩殑瀹炵敤鎻掍欢鍚с€?/p>

鍜变滑涔熶笉鑳戒竴澶╁ぉ鍏夋懜楸硷紝杩樻槸寰楀共鐐规浜嬨€?/p>

鐗规锛屾垜鏁寸悊浜嗕竴浜涘ソ鐢ㄧ殑vscode鎻掍欢锛屽鏋滆寰椾笉閿欙紝娆㈣繋涓€閿笁杩烇紝浣犱滑鐨勭偣璧烇紝灏辨槸鎴戞寔缁啓鏂囨渶澶х殑鍔ㄥ姏馃檲馃檲馃檲

鏈枃浠?span>鍩虹蹇呭銆?span>浠g爜瑙勮寖銆?span>寮€鍙戠鍣?/strong>涓変釜鏂归潰鏉ユ帹鑽愶紝鏂规柟闈㈤潰閮芥湁娑夊強锛屾湁浜嗚繖浜?span>绁炲櫒灏辫鎴戜滑涓€璧锋剦鎮︾殑鎾镐唬鐮佸惂锛?/p>

馃槒馃槒馃槒鍓嶆柟楂樿兘锛屽鍥捐鍛婐煒忦煒忦煒?/strong>

鍩虹閫氱敤鎻掍欢

Chinese

vscode缂栬緫鍣ㄦ眽鍖栧寘锛屽畨瑁呭悗锛屽湪 locale.json 涓坊鍔?"locale": "zh-cn"锛屽嵆鍙浇鍏ヤ腑鏂囷紙绠€浣擄級璇█鍖呫€?/p>

Auto Rename Tag

鑷姩閲嶅懡鍚嶆垚瀵圭殑html鏍囪锛屼慨鏀瑰紑濮嬫爣绛撅紝缁撴潫鏍囩浼氬悓姝ヤ慨鏀?img src="/img?url=https://mmbiz.qpic.cn/mmbiz_gif/zPh0erYjkib27yQQUEEwE7icticFsrVFdSOdA2ibtS9TUXuiaFEc83ibIHsdgkFDvc8mHLKHNOTu7jWViaLRXB8H1otvA/640?wx_fmt=gif" data-type="gif" data-ratio="0.6515291936978684" data-w="1079" _width="368px" class="mq-27" data-order="0" alt="33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢">

HTML Snippets

HTML浠g爜鐗囨锛岃鎻掍欢鍙负浣犳彁渚沨tml鏍囩鐨勪唬鐮佹彁绀猴紝涓嶇敤閿叆灏栨嫭鍙蜂簡33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢

Bracket Pair Colorizer

璇ユ彃浠跺彲浠ヤ负浣犳妸鎴愬鐨勬嫭鍙峰仛棰滆壊鍖哄垎锛屽苟涓旀彁渚涗竴鏍硅繛鎺ョ嚎銆傛柟渚挎垜浠闃呬唬鐮佺粨鏋勩€?img data-ratio="0.1625124626121635" src="/img?url=https://mmbiz.qpic.cn/mmbiz_png/zPh0erYjkib27yQQUEEwE7icticFsrVFdSO6xNbNBWqYsLpgv8TaDyRtBdpLmBGoRLb9tXAEdzScFczEbScKCM6VA/640?wx_fmt=png" data-type="png" data-w="1003" _width="368px" class="mq-35" alt="33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢"> 閫氳繃淇敼閰嶇疆鏂囦欢锛屼娇寰楃粨鏋勭嚎楂樹寒锛岄鐢ㄦ洿浣?img data-ratio="0.27019498607242337" src="/img?url=https://mmbiz.qpic.cn/mmbiz_png/zPh0erYjkib27yQQUEEwE7icticFsrVFdSOyMbk3TSwSVn1IuCJTFqlicpwsicTdib1InEqIE6BHuXwZLlMNWxjXWX9Q/640?wx_fmt=png" data-type="png" data-w="718" _width="368px" class="mq-36" alt="33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢">

"workbench.colorCustomizations": {
  "editorIndentGuide.activeBackground""#00ffea"
},
澶嶅埗浠g爜

CSS Peek

css鏍峰紡鏌ョ湅鍣紝鍙揩閫熸煡鐪嬫垜浠殑css鏍峰紡锛岄潪甯告柟渚垮揩鎹?img data-ratio="0.9842381786339754" src="/img?url=https://mmbiz.qpic.cn/mmbiz_gif/zPh0erYjkib27yQQUEEwE7icticFsrVFdSOoeb5T4R533pzFtUg0mJcvusBdQXTVsD1cTmWf7CUxZv803n1BQKQ3A/640?wx_fmt=gif" data-type="gif" data-w="571" _width="368px" class="mq-45" data-order="2" alt="33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢">

Npm Intellisense

鍙嚜鍔ㄥ畬鎴愬鍏ヨ鍙ヤ腑鐨刵pm妯″潡33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢

open in browser

蹇€熸墦寮€html鏂囦欢鍒版祻瑙堝櫒棰勮33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢

vscode-icons

鎻愪緵浜嗛潪甯告紓浜殑鐩綍鏍戝浘鏍囦富棰?img data-ratio="0.18874773139745918" src="/img?url=https://mmbiz.qpic.cn/mmbiz_png/zPh0erYjkib27yQQUEEwE7icticFsrVFdSO3PWeYbCYHcibodQbicVTgjG9jlcibaxxSap7PoZAGH6l9oA03vsx8FicgQ/640?wx_fmt=png" data-type="png" data-w="1102" _width="368px" class="mq-58" alt="33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢">

Auto Close Tag

鑷姩闂悎HTML/XML鏍囩33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢

Path Intellisense

鑷姩鎻愮ず鏂囦欢璺緞锛屾敮鎸佸悇绉嶅揩閫熷紩鍏ユ枃浠?img data-ratio="0.20932539682539683" src="/img?url=https://mmbiz.qpic.cn/mmbiz_png/zPh0erYjkib27yQQUEEwE7icticFsrVFdSOIEgvA8fxPv8ePrhaqw80ftoJqXYoXbRO2bTA0MGbYoBzhu6IBwaKoA/640?wx_fmt=png" data-type="png" data-w="1008" _width="368px" class="mq-67" alt="33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢">

Image preview

榧犳爣鎮诞鍦ㄩ摼鎺ヤ笂鍙強鏃堕瑙堝浘鐗?img data-ratio="0.16950306330837303" src="/img?url=https://mmbiz.qpic.cn/mmbiz_png/zPh0erYjkib27yQQUEEwE7icticFsrVFdSOnXNDBJSOxsZXlfe6gfBneQqsGbzknF9ibybUvZiaeD3km19pCOnScu7g/640?wx_fmt=png" data-type="png" data-w="1469" _width="368px" class="mq-71" alt="33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢">

Beautify

鍦ㄤ唬鐮佹枃浠跺彸閿紶鏍囦竴閿牸寮忓寲 html,js,css 33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢

javascript (ES6) code snippets

ES6璇硶鏅鸿兘鎻愮ず锛屼互鍙婂揩閫熻緭鍏?img data-ratio="0.20230105465004794" src="/img?url=https://mmbiz.qpic.cn/mmbiz_png/zPh0erYjkib27yQQUEEwE7icticFsrVFdSO5W9EZWvoGmXfMiad2PyhOh3NWbp16tHsAnjA6OIEVnWOicusJMNkM9PA/640?wx_fmt=png" data-type="png" data-w="1043" _width="368px" class="mq-80" alt="33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢">

Vetur

VScode瀹樻柟閽﹀畾Vue鎻掍欢锛?code class="mq-85">Vue寮€鍙戣€呭繀澶囥€傚唴鍚娉曢珮浜紝鏅鸿兘鎻愮ず锛?code class="mq-86">emmet锛岄敊璇彁绀猴紝鏍煎紡鍖栵紝鑷姩琛ュ叏锛?code class="mq-87">debugger绛夊疄鐢ㄥ姛鑳?img data-ratio="0.22346368715083798" src="/img?url=https://mmbiz.qpic.cn/mmbiz_png/zPh0erYjkib27yQQUEEwE7icticFsrVFdSOBvDPQsyUic6pkhCJT5GSPGb9IEhx6odUHO2jlNZkWTmK2VlvrH8Xljw/640?wx_fmt=png" data-type="png" data-w="895" _width="368px" class="mq-88" alt="33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢">

浠g爜椋庢牸瑙勮寖绫绘彃浠?/span>

ESlint

瑙勮寖js浠g爜涔﹀啓瑙勫垯锛屽鏋滆寰楀お杩囦弗璋紝鍙嚜瀹氫箟瑙勫垯33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢

TSLint

ts鐨勪功鍐欒鑼冿紝杩欎釜鎻掍欢鏄竴涓郴鍒楋紝鍚屾椂杩樻彁渚涗簡TSLint (deprecated)锛?code class="mq-99">TSLint Vue锛?code class="mq-100">TSLint Vue-TSX 33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢

Code Spell Checker

鏄嫾鍐欐鏌ョ▼搴忥紝妫€鏌ヤ笉甯歌鐨勫崟璇嶏紝濡傛灉鍗曡瘝鎷煎啓閿欒锛屼細缁欏嚭璀﹀憡鎻愮ず33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢

koroFileHeader

鍦?code class="mq-109">vscode涓敤浜庣敓鎴愭枃浠跺ご閮ㄦ敞閲婂拰鍑芥暟娉ㄩ噴鐨勬彃浠讹紝缁忚繃澶氱増杩唬鍚庯紝鎻掍欢锛氭敮鎸佹墍鏈変富娴佽瑷€,鍔熻兘寮哄ぇ锛岀伒娲绘柟渚匡紝鏂囨。榻愬叏锛岄鐢ㄧ畝鍗曪紒33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢

涓嶅厜濡傛锛岃繕鑳界敓鎴愪竴浜涚壒鍒湁鎰忔€濈殑娉ㄩ噴锛屾瘮濡傝繖涓€鏉″柗鐏緳...

33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢

Better Align

浠g爜涔﹀啓鐨勬暣娲侊紝宸ユ暣寰€寰€鏄 閲忎竴涓▼搴忓憳绱犲吇鐨勬爣鍑嗭紝杩欐鎻掍欢鍙互璁╀綘鐨勪唬鐮佹洿鎺掔増浼橀泤

閫変腑浠g爜閰嶅悎缁勫悎閿?code class="mq-118">[Ctrl+Shift+p]锛岃緭鍏?code class="mq-119">Align鍗冲彲 33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢銆?/p>

change-case

閫氬父鎴戜滑瀵逛竴涓彉閲忕殑鍛藉悕鍙兘鏄┘宄帮紝鍙兘鏄叏澶у啓锛屽張鎴栨槸涓嬪垝绾匡紝杩欓噷鍙€氳繃杩欎釜鎻掍欢瑙e喅鍙橀噺鍛藉悕瑙勮寖鐨勯棶棰?/p>

閫変腑鍙橀噺閰嶅悎缁勫悎閿?code class="mq-125">[Ctrl+Shift+p]锛岃緭鍏ュ搴旀牸寮忓嵆鍙€?/p>

extension.changeCase.commands锛氬垪鍑烘墍鏈夆€滄洿鏀规渚嬧€濆懡浠わ紝濡傛灉浠呴€夋嫨涓€涓崟璇嶏紝鍒欏甫鏈夐瑙?br>extension.changeCase.camel锛氭洿鏀瑰ぇ灏忓啓'camel'锛氳浆鎹负瀛楃涓诧紝骞剁敤涓嬩竴涓瓧姣嶅ぇ鍐欒〃绀哄垎闅旂
extension.changeCase.constant锛氭洿鏀瑰ぇ灏忓啓鈥滃父閲忊€濓細杞崲涓哄ぇ鍐欏瓧姣嶏紝涓嬪垝绾垮垎闅斿瓧绗︿覆
extension.changeCase.dot锛氭洿鏀瑰ぇ灏忓啓鐨勨€滅偣鈥濓細杞崲涓哄皬鍐欙紝鍙ョ偣鍒嗛殧鐨勫瓧绗︿覆
extension.changeCase.kebab锛氭洿鏀瑰ぇ灏忓啓鈥?kebab鈥濓細杞崲涓哄皬鍐欏瓧姣嶏紝鐢ㄧ牬鎶樺彿鍒嗛殧鐨勫瓧绗︿覆锛堝弬鏁板悕鐨勫埆鍚嶏級
extension.changeCase.lower锛氭洿鏀瑰ぇ灏忓啓涓衡€滃皬鍐欌€濓細杞崲涓哄皬鍐欑殑瀛楃涓?br>extension.changeCase.lowerFirst锛氭洿鏀瑰ぇ灏忓啓鈥?lowerFirst鈥濓細杞崲涓洪瀛楁瘝灏忓啓鐨勫瓧绗︿覆
extension.changeCase.no锛氳浆鎹㈡病鏈変换浣曞ぇ灏忓啓鐨勫瓧绗︿覆锛堝皬鍐欏瓧姣嶏紝绌烘牸鍒嗛殧锛?br>extension.changeCase.param锛氭洿鏀瑰ぇ灏忓啓涓?span class="mq-129">'param'锛氳浆鎹负灏忓啓瀛楁瘝锛岀敤鐮存姌鍙峰垎闅旂殑瀛楃涓?br>extension.changeCase.pascal锛氭洿鏀瑰ぇ灏忓啓鈥?pascal鈥濓細杞崲涓轰互涓巆amelCase鐩稿悓鐨勬柟寮忚〃绀虹殑瀛楃涓诧紝浣嗛瀛楁瘝涔熷ぇ鍐?br>extension.changeCase.path锛氭洿鏀瑰ぇ灏忓啓鐨勨€滆矾寰勨€濓細杞崲涓哄皬鍐欙紝鐢ㄦ枩鏉犲垎闅旂殑瀛楃涓?br>extension.changeCase.sentence锛氭洿鏀瑰ぇ灏忓啓鐨勨€滃彞瀛愨€濓細杞崲涓哄皬鍐欑殑绌烘牸鍒嗛殧鐨勫瓧绗︿覆
extension.changeCase.snake锛氭洿鏀瑰ぇ灏忓啓鈥?snake鈥濓細杞崲涓哄皬鍐欏瓧姣嶏紝涓嬪垝绾垮垎闅斿瓧绗︿覆
extension.changeCase.swap锛氭洿鏀瑰ぇ灏忓啓鈥滀氦鎹⑩€濓細杞崲涓烘瘡涓ぇ灏忓啓鐩稿弽鐨勫瓧绗︿覆
extension.changeCase.title锛氭洿鏀瑰ぇ灏忓啓鈥滄爣棰樷€濓細杞崲涓轰互绌烘牸鍒嗛殧鐨勫瓧绗︿覆锛屾瘡涓崟璇嶇殑绗竴涓瓧绗﹀潎澶у啓
extension.changeCase.upper锛氭洿鏀瑰ぇ灏忓啓涓哄ぇ鍐欙細杞崲涓哄ぇ鍐欏瓧绗︿覆
extension.changeCase.upperFirst锛氭洿鏀瑰ぇ灏忓啓涓衡€?upperFirst鈥濓細杞崲涓洪瀛楁瘝澶у啓鐨勫瓧绗︿覆
澶嶅埗浠g爜

Better Comments

杩欐鎻掍欢鍙互涓板瘜娉ㄩ噴棰滆壊锛岃娉ㄩ噴涔熷叿鏈夌敓鍛藉姏锛屽闇€鑷畾涔夋牱寮忥紝闇€瑕佸啓鍏ラ厤缃唬鐮?img data-ratio="0.40714285714285714" src="/img?url=https://mmbiz.qpic.cn/mmbiz_png/zPh0erYjkib27yQQUEEwE7icticFsrVFdSOD0dPow2YezxEt8W8CJmMqibCCLFRBG86iciaZuOdpqYkC0ibibgJ8ONzMXg/640?wx_fmt=png" data-type="png" data-w="280" _width="280px" class="mq-133" alt="33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢">

閰嶇疆浠g爜
"better-comments.tags": [
  {
    "tag""*",
    "color""#98C379",
    "strikethrough"false,
    "backgroundColor""transparent"
  }
]
浣跨敤
// * 缁胯壊鐨勯珮浜敞閲?br>澶嶅埗浠g爜

TODO Tree

鎴戜滑缁忓父浼氬湪浠g爜涓娇鐢?code class="mq-148">TODO鏉ユ爣璁版垜浠殑浠g爜锛屾彁楂樺彲璇绘€э紝TODO Tree杩欐鎻掍欢鎻愪緵浜嗗彲瑙嗗寲绐楀彛鏉ユ煡鐪嬪拰绠$悊鎴戜滑鐨?code class="mq-150">TODO Tree

33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢

GitLens

GitLens鍙互甯姪鎮ㄦ洿濂藉湴鐞嗚В浠g爜銆傚揩閫熸煡鐪嬫洿鏀硅鎴栦唬鐮佸潡鐨勫璞★紝鍔熻兘寮哄ぇ锛屽姛鑳戒赴瀵屼笖楂樺害鍙畾鍒讹紝鍙互婊¤冻鎮ㄧ殑闇€姹?img data-ratio="0.15077755240027046" src="/img?url=https://mmbiz.qpic.cn/mmbiz_png/zPh0erYjkib27yQQUEEwE7icticFsrVFdSOfz6yhvibZI7q4yD6uoH4SAFSQXWW5p3ibVWLwX5Otc0IFkDvsEJnvWvw/640?wx_fmt=png" data-type="png" data-w="1479" _width="368px" class="mq-157" alt="33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢">

GitHistory

GitHistory鍙煡鐪嬪拰鎼滅储git鏃ュ織浠ュ強鍥惧舰鍜岃缁嗕俊鎭紝鍚屾椂杩樻敮鎸佸垎鏀瘮杈冿紝鍒嗘敮绠$悊绛夋搷浣滐紝闈炲父鏂逛究33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢

鍏朵粬鎻掍欢锛堢鍣級

Partial Diff

鏂囦欢姣旇緝鏄竴涓緢甯歌鐨勫満鏅紝濡傛灉鍏夊嚟鎴戜滑鑲夌溂鍒嗗埆鐨勮瘽锛岀疮浜轰笉璇磋繕瀹规槗鍑洪敊銆?code class="mq-168">Partial Diff鐨勫嚭鐜板氨姝eソ瑙e喅浜嗚繖涓棶棰樸€?/p>


Markdown All in One

杩欐绁炲櫒鍙互璁╂垜浠湪vscode閲岄潰蹇箰鐨勪功鍐?code class="mq-174">Markdown锛屽姛鑳藉己澶с€傛彁渚涗簡涓板瘜鐨勫揩鎹烽敭锛屽彲杈瑰啓杈圭湅锛岃交鏉捐浆鍖栦负html鎴?code class="mq-176">pdf鏂囦欢锛屽崄鍒嗗ソ鐢紝寮虹儓鎺ㄨ崘

33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢

vscode-drawio

杩欐绁炲櫒鍙互璁╂垜浠湪vscode閲岄潰蹇箰鐨勭敾娴佺▼鍥俱€傛柊寤?.drawio 鍚庣紑鏂囦欢骞舵嫋鍏scode涓? 鍗冲彲寰楀埌濡備笅鐣岄潰馃憞

33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢

Polacode-2020

杩欐绁炲櫒鍙互灏嗘垜浠殑浠g爜杞寲鎴愪竴寮犻€兼牸婊℃弧鐨勫浘鐗囷紝鍦ㄥ啓鏂囩珷鎴栬€呬唬鐮佸垎浜殑鏃跺€欍€傛姏鍑轰竴寮犺繖鏍风殑鍥剧墖锛屽彲姣旈殢鎵嬫埅鍥句綋闈㈠浜?/p>

33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢

REST Client

杩欐绁炲櫒鍙互璁╂垜浠湪vscode閲岄潰杩涜鎺ュ彛璋冭瘯锛屾彁渚涗赴瀵岀殑api閰嶇疆鏂瑰紡锛岃鎴戜滑涓嶇敤绂诲紑缂栬緫鍣ㄤ篃鍙互闅忔椂璋冪敤鎺ュ彛璋冭瘯

鏂板缓涓€涓?code class="mq-196">.http鏂囦欢锛屽啓涓嬪熀鏈殑娴嬭瘯浠g爜锛岀偣鍑?Send Request鍗冲彲鍦ㄥ彸杈圭獥鍙f煡鐪嬫帴鍙h繑鍥炵粨鏋滐紝闈炲父nice锛屽己鐑堟帹鑽?/p>

鏇村鐨勪娇鐢ㄩ厤缃紝鍙煡鐪嬪畼鏂规枃妗d紶閫侀棬33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢

Browser Preview

杩欐绁炲櫒鍙互璁╂垜浠湪vscode閲岄潰鎵撳紑娴忚鍣紝涓€杈圭紪鐮佷竴杈规煡鐪嬶紝鍋跺皵涔熷彲浠ョ敤鏉ユ懜楸硷紝闈炲父浜烘€э紝寮虹儓鎺ㄨ崘

33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢

JavaScript Booster

杩欐绁炲櫒鍙互鍦ㄦ垜浠唬鐮佸啓鐨勪笉瑙勮寖鎴栬€呮湁寰呰皟鏁寸殑鍦版柟锛屽湪鍏夋爣鑱氱劍鍚庯紝浼氭湁涓€涓皬鐏场銆備細鎻愮ず瀵瑰簲鐨勪笉鍚堢悊鍘熷洜鍜屾敼杩涙柟妗堛€傛瀬澶х殑鎻愰珮浜嗘垜浠殑浠g爜浼橀泤搴︼紝寮虹儓鎺ㄨ崘

璁╂偍鐨勭敓娲绘洿杞绘澗锛屼娇鐢ㄤ唬鐮佹搷浣滀负鎮ㄦ墽琛岄噸澶嶆€т换鍔★紒浠栦滑鍙互鎻愪緵寰堝甯姪锛屽彧闇€璺熼殢鐏场馃挕锛?/p>

褰撳湪JavaScript锛堟垨TypeScript / Flow锛変腑缂栬緫浠g爜鏃讹紝姝?code class="mq-213">VS Code鎵╁睍鎻愪緵浜嗗悇绉嶄唬鐮佹搷浣滐紙蹇€熶慨澶嶏級銆傚彧闇€娉ㄦ剰宸︿晶鐨勭伅娉★紝鐒跺悗鎸変竴涓嬪畠鍗冲彲浜嗚В濡備綍鍦ㄥ厜鏍囦笅杞崲浠g爜銆?/p>

33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢

Settings Sync

杩欐绁炲櫒鍙互璁╂垜浠殑vscode閰嶇疆鍚屾鍒颁簯绔紝褰撴垜浠窡鎹㈢數鑴戞垨鑰呭啀娆″畨瑁?code class="mq-220">vscode鐨勬椂鍊欙紝鍙渶瑕佺櫥褰曡处鍙峰嵆鍙悓姝ラ厤缃簡锛岃€屼笉鐢ㄥ啀娆′粠澶村紑濮嬨€傜畝鐩翠笉瑕佸お棣欎簡锛屽己鐑堟帹鑽?/p>

33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢

Live Share

杩欐绁炲櫒鍙互浣挎偍鑳藉涓庝粬浜哄疄鏃惰繘琛屽崗浣滃紡缂栬緫鍜岃皟璇曪紝鏃犺鎮ㄤ娇鐢ㄧ殑鏄摢绉嶇紪绋嬭瑷€鎴栨鍦ㄦ瀯寤虹殑搴旂敤绋嬪簭绫诲瀷銆備粈涔堟剰鎬濆憿锛熷氨鏄彲浠ュ浜哄悓鏃剁紪杈戜竴浠戒唬鐮侊紝宸笉澶氭湁鐐逛唬鐮佸叡浜殑鎰忔€濄€備笉寰椾笉璇达紝杩欐绁炲櫒灏卞お浜嗕笉璧蜂簡锛屽己鐑堝己鐑堝己鐑堟帹鑽愶紝

鎼敤瀹樼綉涓婄殑鎻忚堪

Visual Studio Live Share浣挎偍鑳藉涓庝粬浜哄疄鏃惰繘琛屽崗浣滃紡缂栬緫鍜岃皟璇曪紝鏃犺鎮ㄤ娇鐢ㄧ殑鏄摢绉嶇紪绋嬭瑷€鎴栨鍦ㄦ瀯寤虹殑搴旂敤绋嬪簭绫诲瀷銆傚畠浣挎偍鍙互绔嬪嵆锛堝畨鍏ㄥ湴锛夊叡浜綋鍓嶉」鐩紝鐒跺悗鏍规嵁闇€瑕佸叡浜皟璇曚細璇濓紝缁堢瀹炰緥锛?code class="mq-229">localhost Web搴旂敤绋嬪簭锛岃闊冲懠鍙瓑锛佸姞鍏ユ偍鐨勪細璇濈殑寮€鍙戜汉鍛樹細浠庢偍鐨勭幆澧冿紙渚嬪璇█鏈嶅姟锛岃皟璇曪級涓幏寰楁墍鏈夌紪杈戝櫒涓婁笅鏂囷紝浠庤€岀‘淇濅粬浠彲浠ョ珛鍗冲紑濮嬭繘琛岄珮鏁堢殑鍗忎綔锛岃€屾棤闇€鍏嬮殕浠讳綍瀛樺偍搴撴垨瀹夎浠讳綍SDK銆?/p>

鍙﹀锛屼笌浼犵粺鐨勬垚瀵圭紪绋嬩笉鍚岋紝Visual Studio Live Share浣垮紑鍙戜汉鍛樺彲浠ヤ竴璧峰伐浣滐紝鍚屾椂淇濈暀鍏朵釜浜虹紪杈戝櫒鐨勯閫夐」锛堜緥濡備富棰橈紝閿粦瀹氾級浠ュ強鑷繁鐨勫厜鏍囥€傝繖鏍凤紝鎮ㄥ氨鍙互鍦ㄥ郊姝や箣闂存棤缂濊繃娓★紝骞惰兘澶熻嚜宸辨帰绱㈡兂娉?浠诲姟銆傚湪瀹炶返涓紝杩欑鑳藉姏涓€璧峰伐浣滐紝骞剁嫭绔嬪湴鎻愪緵浜嗕竴涓悎浣滅殑缁忛獙锛屾槸鍙兘鏈夋洿澶氱殑鑷劧甯歌鐨勭敤渚嬨€?/p>

濂戒簡锛岃繖灏辨槸鎴戜负澶у鎺ㄨ崘鐨?span>33娆?code class="mq-235">vscode鎻掍欢浜嗭紝甯屾湜澶у鍠滄銆傚彟澶栧氨鏄渶杩戠柅鎯呭張涓ラ噸璧锋潵浜嗭紝鏈涘悇浣嶅皬浼欎即鍋ュ仴搴峰悍锛屽甫濂藉彛缃╋紝鎴戜滑涓€璧烽『椤哄埄鍒╃殑搴﹁繃杩欎釜鑹伴毦鐨?span>2020锛屽姞娌癸紒鍔犳补锛?/p>

鎾掕姳銆佹拻鑺?馃尭馃尭馃尭馃尭馃尭馃尭馃尭馃尭


- EOF -


鎺ㄨ崘闃呰   鐐瑰嚮鏍囬鍙烦杞?/span>

1銆?/span>

2銆?/span>

3銆?/span>


瑙夊緱鏈枃瀵逛綘鏈夊府鍔╋紵璇峰垎浜粰鏇村浜?/span>

鎺ㄨ崘鍏虫敞銆屽墠绔ぇ鍏ㄣ€嶏紝鎻愬崌鍓嶇鎶€鑳?/span>

鐐硅禐鍜屽湪鐪嬪氨鏄渶澶х殑鏀寔鉂わ笍

以上是关于33 涓彁楂樺墠绔伐浣滄晥鐜囩殑 VSCode 瀹炵敤鎻掍欢的主要内容,如果未能解决你的问题,请参考以下文章

Angular鍜孍lectron杩欐牱缁撳悎锛屽紑鍙戞晥鐜囩洿鎺ユ媺婊?馃お

銆愮熆宸ュ繀鐪嬨€慍hia鎸栫熆纭欢瀹炴祴鏁堟灉鍙婃姇璧勫洖鎶ュ垎鏋?/h1>

瓒e浘 | 涓€涓彁楂樹唬鐮佽川閲忕殑缁濆鏂规硶

涓枃鍒嗚瘝妯″瀷

dede鏍囩澶у叏