1. 前言
VSCode雖然是一個代碼編輯器，沒有從本質上改變編寫代碼的含義。但是VSCode的使用還是比較複雜的，為啥複雜呢，因為它提供了各式各樣的功能，功能多，自然就複雜了。
是以還是要給各位新同學介紹下VSCode的基本用法，便于大家快速的上手操作。
2. 界面修改為中文
首先就是要将預設的英文界面，修改為熟悉的中文界面了，這樣起碼英語并不是很好的同學上手起來就輕松多了。
首先點選插件拓展菜單，點選後，可以搜尋想要的插件進行功能拓展。
然後在搜尋框輸入Chinese，表示咱們要查找中文相關的插件，搜尋結果如下，點選Install按鈕安裝即可。
安裝完畢後，退出重新開機VSCode，界面就是中文的了。
3. 管理項目檔案夾
大家注意，不管是寫什麼代碼，都得把代碼檔案管理好。
我見過太多的同學，編寫的代碼檔案東一個、西一個，每次讓我幫忙調試代碼的時候，自己都找不到代碼檔案在哪。
其實，管理代碼檔案，就跟管理普通檔案一樣，應該按檔案夾分門别類放好，同一個項目的代碼檔案應該都放到一個檔案夾下，便于集中管理。
例如，我們現在學習的是JavaWeb教程，是以可以建立一個檔案夾java-web-course，學習過程中的相關檔案都可以放到這個檔案夾中。
然後可以使用VSCode，将整個檔案夾添加到工作區中，這樣就可以在VSCode左側工作區進行快捷操作了。
點選VSCode菜單欄的【檔案】-【将檔案夾添加到工作區】，然後選中剛剛建立的java-web-course檔案夾，即可在工作區對其進行友善快捷的管理了。
4. 添加檔案夾
JavaWeb課程有很多内容，包括html、css、js、bootstrap、java、資料庫等等。
是以我們可以在java-web-course檔案夾下再建立一些子檔案夾，便于對這些内容分類管理。
直接在工作區，右鍵點選java-web-course，在彈出菜單中點選【建立檔案夾】。
然後将新的檔案夾命名為【html】，以後編寫的html檔案都可以放到這個檔案夾下，便于統一管理。
5. 添加網頁檔案
右鍵點選剛剛建立的【html】檔案夾，在彈出的菜單中選擇【建立檔案】。
将建立檔案命名為hello.html，這樣它就是一個網頁檔案了。
6. 編輯檔案
單擊【hello.html】檔案，右側内容區即可對網頁代碼進行修改，我們随便編寫一段代碼如下：
編輯完成後，注意儲存，可以點選【檔案】-【儲存】，或者直接按【Ctrl+S】快捷鍵儲存。
我們的代碼隻有儲存後，才能在檢視時生效。
7. 代碼格式化
代碼格式化，是指讓代碼排版更加美觀好看，一般我們會讓子标簽相對于父标簽進行縮進，以便能看出代碼的層次結構，更加利于對代碼的了解。
VSCode可以通過【Alt+Shift+F】快捷鍵對代碼進行格式化，非常友善。
在這之前，我們還需要安裝一個插件，以便讓VSCode支援對html代碼的格式化。（畢竟語言種類這麼多，VSCode也不可能上來就支援所有語言的格式化，是以還是通過安裝對應插件的方式提供這一個功能）。
我們選擇安裝Beautify插件即可，通過該插件的說明，我們可以了解到該插件可以同時支援javascript、JSON、CSS、HTML等檔案的格式化，可以說是非常強大了。至于如何安裝該插件，與安裝中文支援插件一樣，搜尋後點選【Install】安裝即可。
8. 代碼格式化說明
此時我們按【Ctrl+Alf+F】對剛剛的代碼進行格式化，如下：
<html>
<body>
this is hello.html
</body>
</html>
1
2
3
4
5
6
7
格式化後的代碼，會非正常範，當然目前的例子中，代碼很少，還看不出來。如果寫上一大堆代碼，然後格式化，會明顯的發現這些代碼會排的整整齊齊。
在初學者階段，還是強烈建議大家多學習代碼的格式化，看看插件是如何讓代碼井井有條的，然後大家在編寫代碼的時候，也提醒自己安裝格式化的規範去編寫漂亮的代碼。
9. 預覽網頁
使用滑鼠指向網頁檔案的标簽，點選右鍵，選擇【複制路徑】。
然後打開浏覽器，将複制的内容【粘貼】到位址欄，然後按回車即可檢視網頁效果了：
10. 快速預覽網頁
也可以通過安裝【Open In Default Browser】插件後，在網頁編輯頁面點選【Ctrl+1】快捷鍵，則會自動彈出浏覽器對目前網頁進行預覽，更加的友善快捷。
11. 小結
VSCode用法千千萬，還需要大家多多使用，熟能生巧。
程式設計，本質上是一種技能，需要反複的錘煉。
就好比開車，老司機是怎麼練成的，無他，但手熟爾！
![mybatis_入門程式Mybatis入門[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)