skip to main content

VSCode新手入門技巧—常用快捷鍵/怎樣快速切換專案

於2020年9月18日更新


VSCode新手入門技巧—常用快捷鍵/怎樣快速切換專案影片
點擊圖片觀看影片版本

很多人寫代碼的都說VSCode非常好用,但新手在安裝後不知道怎樣使VSCode提升自己的工作效率,所以這次我準備了幾個入門技巧來幫助你上手VSCode。

VSCode 入門技巧一 - 建立Workspace

無論你是同時做一個,或者多個Project,設定Workspace會是你第一件會做的事。

以後每一次你想始做project時一點這個code-workspace檔案就可以立刻開始寫代碼了。

VSCode 入門技巧二 - 同時觀看多份文件

首先你可以開啟兩份或以上的文件,然後在Tab位置用滑鼠拉到VSCode的邊緣位置,看到有一層淺色方框後放手,就能同時觀看兩份文件。

除了文件以外,VSCode本身就俱備檢視圖片功能,所以如果你想看下資料夾裏圖片的話,你是不用再開另外軟件的,非常方便。

VSCode 入門技巧三 - 多行一併修改

VSCode 入門技巧四 - 移動代碼

VSCode 入門技巧五 - 向上或向下的複製代碼

這裏不是說Ctrl + C 和 Ctrl + V的複製和貼上,而是更快一點的代碼複製代碼方法:

VSCode 入門技巧六 - 加入註解Comment

VSCode 入門技巧七 - 安裝好用的VSCode插件

VSCode本身有很多由第三方製作,可以幫助你提高工作效率的工具插件(Extensions),而在這篇8個VSCode常用插件介紹了我在網站開發工作中常會使用到的VSCode Extensions的。

VSCode 入門技巧八 - 使用Emmet

現在非常多應用都需要頻繁地寫HTML,而這個Emmet這個VSCode內建的插件,就是可以讓你快速寫出HTML。

這個插件非常強大,功能和用法非常多,但我可以現在展示幾個Emmet的基本用法給你看看。

這個Emmet插件功能非常強大,我還專門寫了一篇怎樣使用Emmet去省掉大量寫代碼時間,想進一步提高你工作效率的話可以去看看。

另外如果你想知道VSCode有那些插件(extension)好用的話可以到這篇看看,我介紹了幾個非常方便好用,又免費的插件

這次就說到這,感謝你的觀看。

如果你覺得本文章或影片有用,想再看更多我寫關於DIY網站開發,Google SEO內容的話,可以按下面的按鍵,填上你的電郵然後訂閱

作者 :- 香港全端網站開發人員,中文Google SEO顧問

其他文章

響應試網站開發課程入門

DIY網站開發初階自學課程橫額