[{"data":1,"prerenderedAt":1441},["ShallowReactive",2],{"blog:\u002Fblog\u002Fvscode\u002Fnote":3},{"id":4,"title":5,"author":6,"body":7,"category":1427,"date":1428,"description":1429,"draft":1430,"extension":1431,"image":1432,"meta":1433,"navigation":1434,"path":1435,"seo":1436,"series":1432,"seriesOrder":1432,"seriesTitle":1432,"stem":1437,"tags":1438,"updatedAt":1439,"__hash__":1440},"blog\u002Fblog\u002Fvscode\u002Fnote.md","VS Code 筆記","charles",{"type":8,"value":9,"toc":1418},"minimark",[10,15,19,91,94,242,246,298,301,340,344,1414],[11,12,14],"h2",{"id":13},"shortcut","Shortcut",[16,17,18],"h3",{"id":18},"介面相關",[20,21,22,35],"table",{},[23,24,25],"thead",{},[26,27,28,32],"tr",{},[29,30,31],"th",{},"快捷鍵",[29,33,34],{},"功能",[36,37,38,47,55,63,71,83],"tbody",{},[26,39,40,44],{},[41,42,43],"td",{},"Ctrl + B",[41,45,46],{},"打開檔案總管 \u002F 關閉側邊欄",[26,48,49,52],{},[41,50,51],{},"Ctrl + ~",[41,53,54],{},"顯示 \u002F 隱藏下方面板",[26,56,57,60],{},[41,58,59],{},"Ctrl + Shift + ~",[41,61,62],{},"新增終端機頁籤",[26,64,65,68],{},[41,66,67],{},"Ctrl + \\",[41,69,70],{},"向右分割檢視區",[26,72,73,80],{},[41,74,75,76,79],{},"Ctrl + K Ctrl + \\ ",[77,78],"br",{},"(建議改成 Ctrl + Alt + \\)",[41,81,82],{},"向下分割檢視區",[26,84,85,88],{},[41,86,87],{},"Ctrl + Shift + N",[41,89,90],{},"開啟新 VS Code 分頁",[16,92,93],{"id":93},"編輯相關",[20,95,96,104],{},[23,97,98],{},[26,99,100,102],{},[29,101,31],{},[29,103,34],{},[36,105,106,114,122,130,138,146,154,162,170,178,186,194,202,210,218,226,234],{},[26,107,108,111],{},[41,109,110],{},"Ctrl + D",[41,112,113],{},"選取所在輸入點的字詞",[26,115,116,119],{},[41,117,118],{},"Ctrl + F",[41,120,121],{},"搜尋當前頁面關鍵字",[26,123,124,127],{},[41,125,126],{},"Ctrl + Shift + F",[41,128,129],{},"在所有檔案中搜尋關鍵字",[26,131,132,135],{},[41,133,134],{},"Ctrl + G",[41,136,137],{},"前往當前頁面某一行",[26,139,140,143],{},[41,141,142],{},"Ctrl + H",[41,144,145],{},"取代當前頁面關鍵字",[26,147,148,151],{},[41,149,150],{},"Ctrl + Shift + H",[41,152,153],{},"在所有檔案中取代關鍵字",[26,155,156,159],{},[41,157,158],{},"Ctrl + W",[41,160,161],{},"關閉頁籤",[26,163,164,167],{},[41,165,166],{},"Shift + Alt + →",[41,168,169],{},"擴張選取範圍",[26,171,172,175],{},[41,173,174],{},"Shift + Alt + ←",[41,176,177],{},"縮小選取範圍",[26,179,180,183],{},[41,181,182],{},"Shift + Alt + ↑",[41,184,185],{},"向上複製當前行",[26,187,188,191],{},[41,189,190],{},"Shift + Alt + ↓",[41,192,193],{},"向下複製當前行",[26,195,196,199],{},[41,197,198],{},"按住 Alt + 滑鼠左鍵",[41,200,201],{},"多選數個單字",[26,203,204,207],{},[41,205,206],{},"Ctrl + Alt + ↑ \u002F ↓",[41,208,209],{},"向上 \u002F 下追加編輯游標",[26,211,212,215],{},[41,213,214],{},"F2",[41,216,217],{},"重新命名游標當前變數名稱，並更新該檔案所有出現之處",[26,219,220,223],{},[41,221,222],{},"Ctrl + F2",[41,224,225],{},"選取所有檔案當前相符單字",[26,227,228,231],{},[41,229,230],{},"Ctrl + \u002F",[41,232,233],{},"註解當前選取的單 \u002F 多行",[26,235,236,239],{},[41,237,238],{},"(多選狀態下)",[41,240,241],{},"如同 Excel 多選儲存格，可同時覆蓋或方向鍵同時移動游標",[16,243,245],{"id":244},"資料夾-工作區相關","資料夾 \u002F 工作區相關",[20,247,248,256],{},[23,249,250],{},[26,251,252,254],{},[29,253,31],{},[29,255,34],{},[36,257,258,266,274,282,290],{},[26,259,260,263],{},[41,261,262],{},"Ctrl + Shift + T",[41,264,265],{},"開啟剛才關閉的檔案",[26,267,268,271],{},[41,269,270],{},"Ctrl + E \u002F Ctrl + P",[41,272,273],{},"開啟當前專案的某檔案",[26,275,276,279],{},[41,277,278],{},"Ctrl+K Ctrl+O",[41,280,281],{},"開啟專案資料夾",[26,283,284,287],{},[41,285,286],{},"Ctrl + R",[41,288,289],{},"開啟最近的工作區",[26,291,292,295],{},[41,293,294],{},"Ctrl + N",[41,296,297],{},"在當前專案新增檔案",[16,299,300],{"id":300},"其他擴充套件相關",[20,302,303,311],{},[23,304,305],{},[26,306,307,309],{},[29,308,31],{},[29,310,34],{},[36,312,313,321,329],{},[26,314,315,318],{},[41,316,317],{},"Ctrl + I",[41,319,320],{},"觸發 GitHub Copilot Chat",[26,322,323,326],{},[41,324,325],{},"Ctrl + Enter",[41,327,328],{},"在當前位置要求 GitHub Copilot 列出所有建議",[26,330,331,337],{},[41,332,333,334,336],{},"Ctrl + Alt + R ",[77,335],{},"(建議改成 Ctrl + Alt + Enter)",[41,338,339],{},"發送 REST Client 測試 API 請求",[11,341,343],{"id":342},"extension","Extension",[345,346,347,397,426,445,1201,1213,1225,1237,1249,1261,1278,1296,1314,1326,1344,1366,1378,1390,1402],"ul",{},[348,349,350,357,364],"li",{},[351,352,356],"a",{"href":353,"rel":354},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=devCharles5277.git-commit-plugin-with-gitmoji&ssr=false#overview",[355],"nofollow","git-commit-plugin with gitmoji",[358,359,360],"blockquote",{},[361,362,363],"p",{},"VS Code 最方便的 Git Commit Extension",[345,365,366],{},[348,367,368,369,379,386],{},"功能介紹",[358,370,371],{},[361,372,373,374],{},"互動式介面創建約定式提交\n",[375,376],"img",{"alt":377,"src":378},"","https:\u002F\u002Fi.imgur.com\u002FlcT0wU0.png",[358,380,381],{},[361,382,383],{},[375,384],{"alt":377,"src":385},"https:\u002F\u002Fi.imgur.com\u002FHc5psjw.png",[358,387,388,394],{},[361,389,390,391],{},"點擊 Complete 後即自動產生 commit 格式\n",[375,392],{"alt":377,"src":393},"https:\u002F\u002Fi.imgur.com\u002FPP9b1XP.png",[361,395,396],{},"使讓多人協作 repo 時，commit 風格統一",[348,398,399,404],{},[351,400,403],{"href":401,"rel":402},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=eamodio.gitlens",[355],"GitLens",[345,405,406,416],{},[348,407,408,409],{},"顯示當前行的 git blame (最後一次編輯的人是誰、commit 訊息)\n",[358,410,411],{},[361,412,413],{},[375,414],{"alt":377,"src":415},"https:\u002F\u002Fi.imgur.com\u002F0wQND1c.png",[348,417,418,419],{},"選取兩個 commit 進行 diff 比較\n",[358,420,421],{},[361,422,423],{},[375,424],{"alt":377,"src":425},"https:\u002F\u002Fi.imgur.com\u002Fx5GpL0k.png",[348,427,428,433],{},[351,429,432],{"href":430,"rel":431},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=mhutchie.git-graph",[355],"Git Graph",[345,434,435],{},[348,436,437,438],{},"以圖像化表示 branch 跟 commit 紀錄，方便直觀進行 git command 快捷操作\n",[358,439,440],{},[361,441,442],{},[375,443],{"alt":377,"src":444},"https:\u002F\u002Fi.imgur.com\u002FLiAIhw1.png",[348,446,447,452,461],{},[351,448,451],{"href":449,"rel":450},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=aaron-bond.better-comments",[355],"Better Comments",[358,453,454],{},[361,455,456,457],{},"註解顏色分類功能\n使用方式可自定義\n範例：\\ ",[375,458],{"src":459,"width":460},"https:\u002F\u002Fi.imgur.com\u002FvaN4nYi.png","50%",[345,462,463],{},[348,464,465,466],{},"setting.json\n",[467,468,472],"pre",{"className":469,"code":470,"language":471,"meta":377,"style":377},"language-json shiki shiki-themes material-theme-lighter github-light github-dark","\"better-comments.tags\": [\n    {\n      \"tag\": \"!\",\n      \"color\": \"#d9444a\",\n      \"strikethrough\": false,\n      \"backgroundColor\": \"transparent\",\n      \"bold\": true,\n      \"italic\": false,\n      \"underline\": false\n    },\n    {\n      \"tag\": \"?\",\n      \"color\": \"#f5c018\",\n      \"strikethrough\": false,\n      \"backgroundColor\": \"transparent\",\n      \"bold\": false,\n      \"italic\": false,\n      \"underline\": false\n    },\n    {\n      \"tag\": \">\",\n      \"color\": \"#fff\",\n      \"strikethrough\": false,\n      \"backgroundColor\": \"transparent\"\n    },\n    {\n      \"tag\": \"-\",\n      \"color\": \"#b3aff7\",\n      \"strikethrough\": false,\n      \"backgroundColor\": \"transparent\",\n      \"bold\": true\n    },\n    {\n      \"tag\": \"\u002F\u002F\",\n      \"color\": \"#474747\",\n      \"strikethrough\": true,\n      \"backgroundColor\": \"transparent\",\n      \"bold\": false,\n      \"italic\": false,\n      \"underline\": false\n    },\n    {\n      \"tag\": \"todo\",\n      \"color\": \"#FFF\",\n      \"strikethrough\": false,\n      \"backgroundColor\": \"#21ba45\",\n      \"bold\": true,\n      \"underline\": true\n    }\n  ],\n","json",[473,474,475,498,504,531,552,569,590,607,623,638,644,649,669,689,704,723,738,753,766,771,776,796,816,831,849,854,859,879,899,914,933,947,952,957,977,997,1012,1031,1046,1061,1074,1079,1084,1104,1124,1139,1159,1174,1187,1193],"code",{"__ignoreMap":377},[476,477,480,484,488,490,494],"span",{"class":478,"line":479},"line",1,[476,481,483],{"class":482},"sjJ54","\"",[476,485,487],{"class":486},"s_sjI","better-comments.tags",[476,489,483],{"class":482},[476,491,493],{"class":492},"su5hD",": ",[476,495,497],{"class":496},"sP7_E","[\n",[476,499,501],{"class":478,"line":500},2,[476,502,503],{"class":496},"    {\n",[476,505,507,511,515,517,520,523,526,528],{"class":478,"line":506},3,[476,508,510],{"class":509},"s39Yj","      \"",[476,512,514],{"class":513},"sseR_","tag",[476,516,483],{"class":509},[476,518,519],{"class":496},":",[476,521,522],{"class":482}," \"",[476,524,525],{"class":486},"!",[476,527,483],{"class":482},[476,529,530],{"class":496},",\n",[476,532,534,536,539,541,543,545,548,550],{"class":478,"line":533},4,[476,535,510],{"class":509},[476,537,538],{"class":513},"color",[476,540,483],{"class":509},[476,542,519],{"class":496},[476,544,522],{"class":482},[476,546,547],{"class":486},"#d9444a",[476,549,483],{"class":482},[476,551,530],{"class":496},[476,553,555,557,560,562,564,567],{"class":478,"line":554},5,[476,556,510],{"class":509},[476,558,559],{"class":513},"strikethrough",[476,561,483],{"class":509},[476,563,519],{"class":496},[476,565,566],{"class":509}," false",[476,568,530],{"class":496},[476,570,572,574,577,579,581,583,586,588],{"class":478,"line":571},6,[476,573,510],{"class":509},[476,575,576],{"class":513},"backgroundColor",[476,578,483],{"class":509},[476,580,519],{"class":496},[476,582,522],{"class":482},[476,584,585],{"class":486},"transparent",[476,587,483],{"class":482},[476,589,530],{"class":496},[476,591,593,595,598,600,602,605],{"class":478,"line":592},7,[476,594,510],{"class":509},[476,596,597],{"class":513},"bold",[476,599,483],{"class":509},[476,601,519],{"class":496},[476,603,604],{"class":509}," true",[476,606,530],{"class":496},[476,608,610,612,615,617,619,621],{"class":478,"line":609},8,[476,611,510],{"class":509},[476,613,614],{"class":513},"italic",[476,616,483],{"class":509},[476,618,519],{"class":496},[476,620,566],{"class":509},[476,622,530],{"class":496},[476,624,626,628,631,633,635],{"class":478,"line":625},9,[476,627,510],{"class":509},[476,629,630],{"class":513},"underline",[476,632,483],{"class":509},[476,634,519],{"class":496},[476,636,637],{"class":509}," false\n",[476,639,641],{"class":478,"line":640},10,[476,642,643],{"class":496},"    },\n",[476,645,647],{"class":478,"line":646},11,[476,648,503],{"class":496},[476,650,652,654,656,658,660,662,665,667],{"class":478,"line":651},12,[476,653,510],{"class":509},[476,655,514],{"class":513},[476,657,483],{"class":509},[476,659,519],{"class":496},[476,661,522],{"class":482},[476,663,664],{"class":486},"?",[476,666,483],{"class":482},[476,668,530],{"class":496},[476,670,672,674,676,678,680,682,685,687],{"class":478,"line":671},13,[476,673,510],{"class":509},[476,675,538],{"class":513},[476,677,483],{"class":509},[476,679,519],{"class":496},[476,681,522],{"class":482},[476,683,684],{"class":486},"#f5c018",[476,686,483],{"class":482},[476,688,530],{"class":496},[476,690,692,694,696,698,700,702],{"class":478,"line":691},14,[476,693,510],{"class":509},[476,695,559],{"class":513},[476,697,483],{"class":509},[476,699,519],{"class":496},[476,701,566],{"class":509},[476,703,530],{"class":496},[476,705,707,709,711,713,715,717,719,721],{"class":478,"line":706},15,[476,708,510],{"class":509},[476,710,576],{"class":513},[476,712,483],{"class":509},[476,714,519],{"class":496},[476,716,522],{"class":482},[476,718,585],{"class":486},[476,720,483],{"class":482},[476,722,530],{"class":496},[476,724,726,728,730,732,734,736],{"class":478,"line":725},16,[476,727,510],{"class":509},[476,729,597],{"class":513},[476,731,483],{"class":509},[476,733,519],{"class":496},[476,735,566],{"class":509},[476,737,530],{"class":496},[476,739,741,743,745,747,749,751],{"class":478,"line":740},17,[476,742,510],{"class":509},[476,744,614],{"class":513},[476,746,483],{"class":509},[476,748,519],{"class":496},[476,750,566],{"class":509},[476,752,530],{"class":496},[476,754,756,758,760,762,764],{"class":478,"line":755},18,[476,757,510],{"class":509},[476,759,630],{"class":513},[476,761,483],{"class":509},[476,763,519],{"class":496},[476,765,637],{"class":509},[476,767,769],{"class":478,"line":768},19,[476,770,643],{"class":496},[476,772,774],{"class":478,"line":773},20,[476,775,503],{"class":496},[476,777,779,781,783,785,787,789,792,794],{"class":478,"line":778},21,[476,780,510],{"class":509},[476,782,514],{"class":513},[476,784,483],{"class":509},[476,786,519],{"class":496},[476,788,522],{"class":482},[476,790,791],{"class":486},">",[476,793,483],{"class":482},[476,795,530],{"class":496},[476,797,799,801,803,805,807,809,812,814],{"class":478,"line":798},22,[476,800,510],{"class":509},[476,802,538],{"class":513},[476,804,483],{"class":509},[476,806,519],{"class":496},[476,808,522],{"class":482},[476,810,811],{"class":486},"#fff",[476,813,483],{"class":482},[476,815,530],{"class":496},[476,817,819,821,823,825,827,829],{"class":478,"line":818},23,[476,820,510],{"class":509},[476,822,559],{"class":513},[476,824,483],{"class":509},[476,826,519],{"class":496},[476,828,566],{"class":509},[476,830,530],{"class":496},[476,832,834,836,838,840,842,844,846],{"class":478,"line":833},24,[476,835,510],{"class":509},[476,837,576],{"class":513},[476,839,483],{"class":509},[476,841,519],{"class":496},[476,843,522],{"class":482},[476,845,585],{"class":486},[476,847,848],{"class":482},"\"\n",[476,850,852],{"class":478,"line":851},25,[476,853,643],{"class":496},[476,855,857],{"class":478,"line":856},26,[476,858,503],{"class":496},[476,860,862,864,866,868,870,872,875,877],{"class":478,"line":861},27,[476,863,510],{"class":509},[476,865,514],{"class":513},[476,867,483],{"class":509},[476,869,519],{"class":496},[476,871,522],{"class":482},[476,873,874],{"class":486},"-",[476,876,483],{"class":482},[476,878,530],{"class":496},[476,880,882,884,886,888,890,892,895,897],{"class":478,"line":881},28,[476,883,510],{"class":509},[476,885,538],{"class":513},[476,887,483],{"class":509},[476,889,519],{"class":496},[476,891,522],{"class":482},[476,893,894],{"class":486},"#b3aff7",[476,896,483],{"class":482},[476,898,530],{"class":496},[476,900,902,904,906,908,910,912],{"class":478,"line":901},29,[476,903,510],{"class":509},[476,905,559],{"class":513},[476,907,483],{"class":509},[476,909,519],{"class":496},[476,911,566],{"class":509},[476,913,530],{"class":496},[476,915,917,919,921,923,925,927,929,931],{"class":478,"line":916},30,[476,918,510],{"class":509},[476,920,576],{"class":513},[476,922,483],{"class":509},[476,924,519],{"class":496},[476,926,522],{"class":482},[476,928,585],{"class":486},[476,930,483],{"class":482},[476,932,530],{"class":496},[476,934,936,938,940,942,944],{"class":478,"line":935},31,[476,937,510],{"class":509},[476,939,597],{"class":513},[476,941,483],{"class":509},[476,943,519],{"class":496},[476,945,946],{"class":509}," true\n",[476,948,950],{"class":478,"line":949},32,[476,951,643],{"class":496},[476,953,955],{"class":478,"line":954},33,[476,956,503],{"class":496},[476,958,960,962,964,966,968,970,973,975],{"class":478,"line":959},34,[476,961,510],{"class":509},[476,963,514],{"class":513},[476,965,483],{"class":509},[476,967,519],{"class":496},[476,969,522],{"class":482},[476,971,972],{"class":486},"\u002F\u002F",[476,974,483],{"class":482},[476,976,530],{"class":496},[476,978,980,982,984,986,988,990,993,995],{"class":478,"line":979},35,[476,981,510],{"class":509},[476,983,538],{"class":513},[476,985,483],{"class":509},[476,987,519],{"class":496},[476,989,522],{"class":482},[476,991,992],{"class":486},"#474747",[476,994,483],{"class":482},[476,996,530],{"class":496},[476,998,1000,1002,1004,1006,1008,1010],{"class":478,"line":999},36,[476,1001,510],{"class":509},[476,1003,559],{"class":513},[476,1005,483],{"class":509},[476,1007,519],{"class":496},[476,1009,604],{"class":509},[476,1011,530],{"class":496},[476,1013,1015,1017,1019,1021,1023,1025,1027,1029],{"class":478,"line":1014},37,[476,1016,510],{"class":509},[476,1018,576],{"class":513},[476,1020,483],{"class":509},[476,1022,519],{"class":496},[476,1024,522],{"class":482},[476,1026,585],{"class":486},[476,1028,483],{"class":482},[476,1030,530],{"class":496},[476,1032,1034,1036,1038,1040,1042,1044],{"class":478,"line":1033},38,[476,1035,510],{"class":509},[476,1037,597],{"class":513},[476,1039,483],{"class":509},[476,1041,519],{"class":496},[476,1043,566],{"class":509},[476,1045,530],{"class":496},[476,1047,1049,1051,1053,1055,1057,1059],{"class":478,"line":1048},39,[476,1050,510],{"class":509},[476,1052,614],{"class":513},[476,1054,483],{"class":509},[476,1056,519],{"class":496},[476,1058,566],{"class":509},[476,1060,530],{"class":496},[476,1062,1064,1066,1068,1070,1072],{"class":478,"line":1063},40,[476,1065,510],{"class":509},[476,1067,630],{"class":513},[476,1069,483],{"class":509},[476,1071,519],{"class":496},[476,1073,637],{"class":509},[476,1075,1077],{"class":478,"line":1076},41,[476,1078,643],{"class":496},[476,1080,1082],{"class":478,"line":1081},42,[476,1083,503],{"class":496},[476,1085,1087,1089,1091,1093,1095,1097,1100,1102],{"class":478,"line":1086},43,[476,1088,510],{"class":509},[476,1090,514],{"class":513},[476,1092,483],{"class":509},[476,1094,519],{"class":496},[476,1096,522],{"class":482},[476,1098,1099],{"class":486},"todo",[476,1101,483],{"class":482},[476,1103,530],{"class":496},[476,1105,1107,1109,1111,1113,1115,1117,1120,1122],{"class":478,"line":1106},44,[476,1108,510],{"class":509},[476,1110,538],{"class":513},[476,1112,483],{"class":509},[476,1114,519],{"class":496},[476,1116,522],{"class":482},[476,1118,1119],{"class":486},"#FFF",[476,1121,483],{"class":482},[476,1123,530],{"class":496},[476,1125,1127,1129,1131,1133,1135,1137],{"class":478,"line":1126},45,[476,1128,510],{"class":509},[476,1130,559],{"class":513},[476,1132,483],{"class":509},[476,1134,519],{"class":496},[476,1136,566],{"class":509},[476,1138,530],{"class":496},[476,1140,1142,1144,1146,1148,1150,1152,1155,1157],{"class":478,"line":1141},46,[476,1143,510],{"class":509},[476,1145,576],{"class":513},[476,1147,483],{"class":509},[476,1149,519],{"class":496},[476,1151,522],{"class":482},[476,1153,1154],{"class":486},"#21ba45",[476,1156,483],{"class":482},[476,1158,530],{"class":496},[476,1160,1162,1164,1166,1168,1170,1172],{"class":478,"line":1161},47,[476,1163,510],{"class":509},[476,1165,597],{"class":513},[476,1167,483],{"class":509},[476,1169,519],{"class":496},[476,1171,604],{"class":509},[476,1173,530],{"class":496},[476,1175,1177,1179,1181,1183,1185],{"class":478,"line":1176},48,[476,1178,510],{"class":509},[476,1180,630],{"class":513},[476,1182,483],{"class":509},[476,1184,519],{"class":496},[476,1186,946],{"class":509},[476,1188,1190],{"class":478,"line":1189},49,[476,1191,1192],{"class":496},"    }\n",[476,1194,1196,1199],{"class":478,"line":1195},50,[476,1197,1198],{"class":496},"  ]",[476,1200,530],{"class":492},[348,1202,1203,1208],{},[351,1204,1207],{"href":1205,"rel":1206},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=EditorConfig.EditorConfig",[355],"EditorConfig for VS Code",[358,1209,1210],{},[361,1211,1212],{},"IDE 的 code 規範設定工具，協作專案時統一 code 風格",[348,1214,1215,1220],{},[351,1216,1219],{"href":1217,"rel":1218},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=dbaeumer.vscode-eslint",[355],"ESLint",[358,1221,1222],{},[361,1223,1224],{},"JS 的 Linter，依照指定風格進行程式碼語法檢測",[348,1226,1227,1232],{},[351,1228,1231],{"href":1229,"rel":1230},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=esbenp.prettier-vscode",[355],"Prettier - Code formatter",[358,1233,1234],{},[361,1235,1236],{},"網頁前端各種語言 (HTML, CSS, JS, TS, JSON, Vue) 等\n都能自訂規則後自動格式化程式碼",[348,1238,1239,1244],{},[351,1240,1243],{"href":1241,"rel":1242},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=streetsidesoftware.code-spell-checker",[355],"Code Spell Checker",[358,1245,1246],{},[361,1247,1248],{},"自動檢測英文單字是否拼錯，可於 setting.json、workspace 加入例外清單 (可在報錯訊息右鍵選擇)",[348,1250,1251,1256],{},[351,1252,1255],{"href":1253,"rel":1254},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=ecmel.vscode-html-css",[355],"HTML CSS Support",[358,1257,1258],{},[361,1259,1260],{},"HTML 與 CSS 自動完成功能",[348,1262,1263,1268],{},[351,1264,1267],{"href":1265,"rel":1266},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=Lokalise.i18n-ally",[355],"i18n Ally",[358,1269,1270],{},[361,1271,1272,1273],{},"開發前端需要多國語言，使用 i18n 時使用，集成參數的多語言對照清單，編輯、翻譯功能\n可參考",[351,1274,1277],{"href":1275,"rel":1276},"https:\u002F\u002Fwaiting4u.org\u002Fblog\u002Fi18n-ally-%E5%8F%83%E6%95%B8%E8%A8%AD%E5%AE%9A%E8%88%87%E4%BD%BF%E7%94%A8%E5%88%86%E4%BA%AB",[355],"設定教學 🔗",[348,1279,1280,1285,1290],{},[351,1281,1284],{"href":1282,"rel":1283},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=oderwat.indent-rainbow",[355],"indent-rainbow",[358,1286,1287],{},[361,1288,1289],{},"縮排區段以不同顏色為底色區隔，可以自行選擇要不要搭配 setting 中的 bracket pair (線段標記加強效果)",[358,1291,1292],{},[375,1293],{"src":1294,"width":1295},"https:\u002F\u002Fi.imgur.com\u002FEXVpwur.png","75%",[348,1297,1298,1303,1308],{},[351,1299,1302],{"href":1300,"rel":1301},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=christian-kohler.path-intellisense",[355],"Path Intellisense",[358,1304,1305],{},[361,1306,1307],{},"輸入相對路徑時自動顯示檔案清單",[358,1309,1310],{},[375,1311],{"src":1312,"width":1313},"https:\u002F\u002Fi.imgur.com\u002FWnS4YTM.png","60%",[348,1315,1316,1321],{},[351,1317,1320],{"href":1318,"rel":1319},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=albert.TabOut",[355],"TabOut",[358,1322,1323],{},[361,1324,1325],{},"可以使用 tab 跳出自動完成的括號配對，如：(), {}, [ ] , '', \" \" 等\n皆可用 tab 鍵跳出",[348,1327,1328,1333,1338],{},[351,1329,1332],{"href":1330,"rel":1331},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=vscode-icons-team.vscode-icons",[355],"vscode-icons",[358,1334,1335],{},[361,1336,1337],{},"擴充顯示更多類型檔案的 icon",[358,1339,1340],{},[375,1341],{"src":1342,"width":1343},"https:\u002F\u002Fi.imgur.com\u002FacvhMA2.png","30%",[348,1345,1346,1351,1356],{},[351,1347,1350],{"href":1348,"rel":1349},"https:\u002F\u002Fdocs.github.com\u002Fen\u002Fcopilot\u002Fgetting-started-with-github-copilot\u002Fgetting-started-with-github-copilot-in-visual-studio-code",[355],"GitHub Copilot",[358,1352,1353],{},[361,1354,1355],{},"AI 自動預測程式碼，支援絕大多數程式語言，打註解亦可生成 code，用 tab 自動完成",[358,1357,1358],{},[361,1359,1360,1365],{},[351,1361,1364],{"href":1362,"rel":1363},"https:\u002F\u002Feducation.github.com\u002F",[355],"取得 Github Education"," 可以免費使用 Github Copilot",[348,1367,1368,1373],{},[351,1369,1372],{"href":1370,"rel":1371},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=CodeCoaching.quasar-docs",[355],"Quasar Docs",[358,1374,1375],{},[361,1376,1377],{},"使用 Quasar Framework (Vue 3 最佳的 Framework) 必裝\n可以在 VS Code 看 Quasar 文檔",[348,1379,1380,1385],{},[351,1381,1384],{"href":1382,"rel":1383},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=wix.vscode-import-cost",[355],"Import Cost",[358,1386,1387],{},[361,1388,1389],{},"可以在 import 時檢查造成的檔案大小負擔",[348,1391,1392,1397],{},[351,1393,1396],{"href":1394,"rel":1395},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=WallabyJs.console-ninja",[355],"Console Ninja",[358,1398,1399],{},[361,1400,1401],{},"可以在 console.log 等輸出時在編輯當前行看到輸出結果",[348,1403,1404,1409],{},[351,1405,1408],{"href":1406,"rel":1407},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=doggy8088.pangu2",[355],"盤古之白",[358,1410,1411],{},[361,1412,1413],{},"自動替你在文件中所有的中文字和半形的英文、數字、符號之間插入空白。",[1415,1416,1417],"style",{},"html pre.shiki code .sjJ54, html code.shiki .sjJ54{--shiki-light:#39ADB5;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .s_sjI, html code.shiki .s_sjI{--shiki-light:#91B859;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .su5hD, html code.shiki .su5hD{--shiki-light:#90A4AE;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sP7_E, html code.shiki .sP7_E{--shiki-light:#39ADB5;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s39Yj, html code.shiki .s39Yj{--shiki-light:#39ADB5;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sseR_, html code.shiki .sseR_{--shiki-light:#9C3EDA;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":377,"searchDepth":506,"depth":506,"links":1419},[1420,1426],{"id":13,"depth":500,"text":14,"children":1421},[1422,1423,1424,1425],{"id":18,"depth":506,"text":18},{"id":93,"depth":506,"text":93},{"id":244,"depth":506,"text":245},{"id":300,"depth":506,"text":300},{"id":342,"depth":500,"text":343},"VS Code","2024-09-10","快捷鍵與前端開發常用 Extension 推薦",false,"md",null,{},true,"\u002Fblog\u002Fvscode\u002Fnote",{"title":5,"description":1429},"blog\u002Fvscode\u002Fnote",[1427],"2024-09-21","E2vUFWEWwqn_o1Udb59XYz78lWDo7gM2czxt6LwPGAw",1780512501642]