小編認為VsCode是一款非常好用的編輯器,插件豐富,支持的語言種類非常多。我所使用VsCode主要打一些前端的代碼,自己感覺very good。
點擊運行。
按圖所示操作。
安裝教程很簡單的,主要是介紹如何入門設置。
入門基礎設置
首先把編輯器的語言設置為中文,如圖所示
一些基本設置(如字體大小設置等等)在下圖找,在這里進行一些基礎的設置。
簡單介紹些主題插件的安裝流程:
第一步,點擊擴展商店搜索你要找的插件名稱如Atom One Dark Theme,點擊安裝;
安裝好了之后只是證明你本地的VS Code上面有這個插件了,還需要將當前使用的主題插件切換成你想要的才行;先打開控制面板,在搜索已安裝主題。
推薦幾款不錯主題哦
One Dark Pro
Atom One Dark Theme
Eva Theme
Material Palenight Theme
安裝使用的插件步驟如下:
這里是一些常用插件,選擇自己所用到的插件安裝。不要都安裝,安裝多了,編譯器會變慢。
VsCode部分插件安裝 選擇安裝哦
Open-In-Browse 快捷菜單中添加默認瀏覽器打開 HTML Snippets HTML代碼提示
HTML CSS Support CSS代碼提示補全
HTML Snippets HTML代碼提示
Beautify (格式化 html ,js,css)
Bracket Pair Colorizer(給括號加上不同的顏色,便於區分不同的區塊)
jQuery Code Snippets jQuery代碼提示
PHP Intelephense PHP代碼提示
Live Server 使用服務器的方式打開
easy less less編譯插件
cssrem(rem單位轉換器) 設置:文件→首選項→設置里搜索cssrem→rootFontSize一般修改為100重啟完成
vetur 語法高亮顯示
vue2 代碼補全提示
這里是一些常用的快捷鍵:
VsCode常用快捷鍵
ctrl+/ 注釋(VS只能整行注釋)
ctrl + f 搜索代碼
ctrl + tab 切換代碼頁面
Ctrl+shift+k 刪除選中行
ctrl+enter 另起一行
script:src src鏈接快捷鍵
fn+ 上下 左右 代碼頁面快捷移動
Ctrl+shift+K 刪除當前行
shift+alt+↓/↑ 快速復制當前行到下/上一行
fn+ 上下 左右 代碼頁面快捷移動
ctrl + d 快速選擇相同內容
Ctrl + h 替換代碼