> For the complete documentation index, see [llms.txt](https://johch3n611u.gitbook.io/c50108/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://johch3n611u.gitbook.io/c50108/zi-li-cheng-bei/201901/2019-0115-vscode.md). # 2019/0115/Vscode 方案>專案 ## 開發環境建置 {% embed url="" %} ### Git Git history : 視覺化 commit 圖像 gui Git Lens : 每行 code 是誰何時 commit Git-autoconfig : 切換 git 使用者 gitflow : 常見版控流程 gitignore : 右鍵將檔案移出專案 ### Vscode Emmet 自動編輯器 ul>li\*5>a \ ctrl + / 自動註解 ### Live Server 即時預覽 jason檔案設定 要雙引號" " ### Node Node Exec : F8 即時傳值預覽 JS ### Terminal 終端機 Ctrl + \~ 啟動 F1 命令列 ### Path Intellisense 提示檔案路徑 ### SCSS SASS 變數 功能 判斷式 迴圈 ... SCSS : ( CSS之函式庫 ) 相容 CSS 之插件 SCSS lntelliSense : SASS提示 SCSS Refactoring : 把一段內容變為SASS變數 Live Sass Compiler : 即時轉譯 SASS ， 同步到 codepen 之類的 ### 整理套件 JS-CSS-HTML Formatter 存檔時自動整理行距 ### 規範套件 ESLINT ### 註解套件 Document This ### snippet 類似函式 小段程式碼 ### 空白鍵縮排比tab好較不會錯誤 ### Project Manager 資料夾管理 ### blueprint 針對資料夾直接複製整個結構 ## 中英對照 ### Visual Studio ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ3Bv58vFlL8HyexpH%2F-LWJ3GfBgvWyeABLhfa8%2F1.png?alt=media\&token=608865e9-09b0-4a19-b67e-be0167bd63e4) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ5RePsdoK6r56gQ4s%2F-LWJ5WHH4DDdGqV4bxAf%2F1A.png?alt=media\&token=2bf1892b-3f2a-4c4c-9734-edd9e3f2d7a0) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ5RePsdoK6r56gQ4s%2F-LWJ5y3ekxGT-WSMTcvq%2F2.png?alt=media\&token=e276e3e0-04cf-416f-ad5e-041c910f57d5) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ5RePsdoK6r56gQ4s%2F-LWJ61D2vCMgZozwhIiJ%2F2A.png?alt=media\&token=f369b4be-d153-4c4b-bfd5-a1ec57d3e30e) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ8kwDL2xhrjNRRnYe%2F-LWJ98yn4ToQFSFnLZa9%2F3.png?alt=media\&token=3c97fc34-e785-4ba7-8b51-ed9114f650af) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ8kwDL2xhrjNRRnYe%2F-LWJ9CUdxI1Vp2Md_d-J%2F3A.png?alt=media\&token=4fd4df2a-a0dc-4af4-acfc-47b4219276a1) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ8kwDL2xhrjNRRnYe%2F-LWJ9FaBK1Ro0CwxFH4U%2F4.png?alt=media\&token=7fea644d-a3c9-4225-9e90-a2bd5734241a) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ8kwDL2xhrjNRRnYe%2F-LWJ9I6N4sGF0WcMXFlr%2F4A.png?alt=media\&token=33c50682-3317-4d0d-aef3-0e4744508a97) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ8kwDL2xhrjNRRnYe%2F-LWJ9KSPSUbT5AZdm8lV%2F5.png?alt=media\&token=a4f7584f-a418-4cb8-83eb-df1191ec3edd) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ8kwDL2xhrjNRRnYe%2F-LWJ9Ma6Bww4QI-L9Iem%2F5A.png?alt=media\&token=51bbdbef-061e-435c-b62a-cc91c6433505) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ8kwDL2xhrjNRRnYe%2F-LWJ9PLHVYFIecOfhsvf%2F6.png?alt=media\&token=dd5f3ac6-b27c-4805-b93d-ecc9ea1f77ab) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ8kwDL2xhrjNRRnYe%2F-LWJ9RXCylS5A4GnkoWW%2F6A.png?alt=media\&token=e2a09ea5-36f2-4e46-9094-4d709e73ad64) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ8kwDL2xhrjNRRnYe%2F-LWJ9TlUNA2wwdOMT5Jn%2F7.png?alt=media\&token=2a265c93-2d72-44ac-936a-c38e7fe32c27) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ8kwDL2xhrjNRRnYe%2F-LWJ9VwLM1x0JLZ3K23q%2F7A.png?alt=media\&token=ffc7f355-2cf1-423e-833c-8abd3226ea85) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ8kwDL2xhrjNRRnYe%2F-LWJ9YJObhnY-paj7why%2F8.png?alt=media\&token=1cc18888-d795-4776-9b89-636eeb6be9b4) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ8kwDL2xhrjNRRnYe%2F-LWJ9_sr5AJN5YaKUNTm%2F8A.png?alt=media\&token=b6b15de0-f1b4-406a-9f6a-87619b21c258) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ8kwDL2xhrjNRRnYe%2F-LWJ9cLpQ__AlVjQMvQ6%2F9.png?alt=media\&token=868921da-e821-4048-87f9-a32979028951) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ8kwDL2xhrjNRRnYe%2F-LWJ9fpb3HJpCld23fyJ%2F9A.png?alt=media\&token=dfed92ec-4a60-4cbd-b40d-dbe58f10be1c) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ8kwDL2xhrjNRRnYe%2F-LWJ9hsUL5t7tVZMzi1q%2F10.png?alt=media\&token=901dc353-1c61-4d25-80a8-a53f467bd9da) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ8kwDL2xhrjNRRnYe%2F-LWJ9kWjicotOYtgvMrh%2F10A.png?alt=media\&token=f2951cb1-248a-4276-96fe-cef4d2bf367e) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ8kwDL2xhrjNRRnYe%2F-LWJ9mYoQXT2W-7TVIhq%2F11.png?alt=media\&token=4f0e8087-8037-4da0-bcec-0571db93293e) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ8kwDL2xhrjNRRnYe%2F-LWJ9pQypjoObsTrLAnb%2F11A.png?alt=media\&token=49d62d38-5a9c-4592-aebc-e4623b7d9b1f) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ8kwDL2xhrjNRRnYe%2F-LWJ9ssoH7S_fONaeA35%2F12.png?alt=media\&token=782e930a-8f4d-4b37-95a5-b70ef3a11f1c) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJ8kwDL2xhrjNRRnYe%2F-LWJ9vqGo2-aAWI3tO4O%2F12A.png?alt=media\&token=e54a1d21-9be2-488a-b10f-c973cd344372) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJTtYFXDUMDeeNGbia%2F-LWJU1m40VI_6_jpJV2z%2F13A.png?alt=media\&token=99b07e6b-8bec-441b-bf67-6799c39d63c8) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LWJTtYFXDUMDeeNGbia%2F-LWJTzKMOdqWmnl4X9sp%2F13.png?alt=media\&token=b66cd258-ea3c-4092-8dbc-4bf93333994a) ### Visual Studio Code ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LVpNGtsdjpODLUaBAT9%2F-LVpNN1IsvHhH1pgxRc0%2F1B.png?alt=media\&token=2346b0a8-02b1-4093-a0d5-ae02f41d86c2) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LVpNGtsdjpODLUaBAT9%2F-LVpNOmCvxT_rgcM9a1k%2F1.png?alt=media\&token=18bd1c95-5684-45b6-9d6e-2b3fa3fd511b) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LVpNGtsdjpODLUaBAT9%2F-LVpNQbFemZNnSEg6B6f%2F2B.png?alt=media\&token=9ba8ec6c-c567-4036-ad2b-b6b9d262092b) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LVpNGtsdjpODLUaBAT9%2F-LVpNSGvo7OfKsbOo5D8%2F2.png?alt=media\&token=bade405c-5f1e-4c3e-a7b9-2214baba3407) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LVpNGtsdjpODLUaBAT9%2F-LVpNTrZEV8BXGDa1jJM%2F3B.png?alt=media\&token=fb0eb965-ab55-4f45-a8fd-98174c159d4d) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LVpNGtsdjpODLUaBAT9%2F-LVpNWBadKw7Yd0Yzr5W%2F3.png?alt=media\&token=9f050f94-4e10-4ff9-8344-aa79d411f2e7) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LVpNYqfot_pc4G8230S%2F-LVpNh4kadDSz6GNYMJv%2F4B.png?alt=media\&token=d2164e4c-7b1b-4ccb-bbc4-61362f60965d) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LVpNYqfot_pc4G8230S%2F-LVpNkIJNxdFITQyuvL-%2F4.png?alt=media\&token=fb6e474d-139f-4caa-83a3-f8ba6df407b8) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LVpNYqfot_pc4G8230S%2F-LVpNmpf6Xw-qizw8uI9%2F5B.png?alt=media\&token=cfb015a9-7bec-479c-a0ef-a5f09cbe976e) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LVpNYqfot_pc4G8230S%2F-LVpNp1xvIjdIAdNTzeV%2F5.png?alt=media\&token=df8338f1-9ea4-4a31-81e3-38aaf33f797e) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LVpNYqfot_pc4G8230S%2F-LVpNr7Mg8Sw14ej6XOw%2F6B.png?alt=media\&token=816abd0b-9350-4caa-a7a2-1c5d62a1ef3c) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LVpNYqfot_pc4G8230S%2F-LVpNtDUJee_v9ZYQ5WB%2F6.png?alt=media\&token=052576cc-34a7-4152-8cd3-ab669ca0c26a) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LVpNYqfot_pc4G8230S%2F-LVpNv3T-lwdIgO3qblP%2F7B.png?alt=media\&token=50d7f170-5d4a-415a-891d-bd8d50ac17dd) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LVpNYqfot_pc4G8230S%2F-LVpNwso8X6AUJNp6Ob6%2F7.png?alt=media\&token=a69d921e-a673-450b-8e90-ae67414501b7) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LVpNYqfot_pc4G8230S%2F-LVpNzI06-YIRw9OBp-Q%2F8B.png?alt=media\&token=729637cb-d31d-481a-9c43-5ece09f4921d) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LVpNYqfot_pc4G8230S%2F-LVpO0J3V1IGDzthV_BG%2F8.png?alt=media\&token=d9a209be-4482-486b-8604-1e2c58de7705) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LVpNYqfot_pc4G8230S%2F-LVpO21hvhU4H2fDN0BS%2F9B.png?alt=media\&token=8140ccf3-56a7-4ff2-a8ed-546e991d976d) ![](https://1902678905-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVJQfuBXyvHwCd1Nadk%2F-LVpNYqfot_pc4G8230S%2F-LVpO3pm4AXqkWAv5zun%2F9.png?alt=media\&token=9760ccf8-9e18-4c0a-84f6-01f9ef762d5b)