VS code 插件推薦

經(jīng)歷:

最近sublime和webstorm的序列號頻頻失效爱谁,經(jīng)常在關(guān)鍵時候掉鏈子,深有體會,剛好身邊有朋友也有使用VS code锯七,對比atom,sublime,webstorm這些編輯器,個人覺得VS code是一款不錯編輯器誉己,比sublime插件多眉尸,比Atom的界面好看,比webstorm更輕量級巫延⌒澹可謂聚齊各家優(yōu)點于一身,關(guān)鍵還 免費 免費 免費炉峰,再也不用為編輯器付費而困擾畏妖,還有向右大大看齊


Settings Sync

云同步插件和設(shè)置

自己調(diào)試VS code,感興趣可以下載試試

1.安裝Settings Sync插件后重啟
2.鍵盤按 ctrl + shift + p 疼阔,彈出框輸入sync 然后選擇sync高級選項 →`從公共配置里下載gist
3.鍵盤按ctrl + shift + p戒劫, 輸入sync 選擇下載配置復(fù)制下面代碼進去
d3bc45d8096f6bc3d9d46c69ed7052cd
4.控制臺顯示下載插件中,下載好婆廊,重啟下 迅细,OK

HTML Snippets

超級實用且初級的 H5代碼片段以及提示

Atom Keymap

Sublime Text Keymap and Settings Importer

IntelliJ IDEA Keybindings

替換其他編輯器快捷鍵(多選一)

Color-Highlight

在編輯器中高亮顯示顏色。

Guides

代碼的標簽對齊線淘邻。

HTML CSS support

css 自動補齊

Npm Intellisense

在import語句中自動完成npm模塊引入的代碼插件

Debugger for Chrome

讓 vscode 映射 chrome 的 debug功能茵典,靜態(tài)頁面都可以用 vscode 來打斷點調(diào)試

background

設(shè)置背景

beautify

在Visual Studio代碼中美化JavaScript,JSON宾舅,CSS统阿,Sass和HTML彩倚。

Auto Close Tag

自動閉合HTML標簽

Auto Rename Tag

修改HTML標簽時,自動修改匹配的標簽

Bracket Pair Colorizer

讓括號擁有獨立的顏色扶平,易于區(qū)分

Open-In-Browser

由于 VSCode 沒有提供直接在瀏覽器中打開文件的內(nèi)置界面帆离,所以此插件可以打開命令面板選項。

Live Server

用于服務(wù)器端頁面的Live Server结澄,如PHP

Indenticator

縮進高亮

IntelliSense for CSS class names

CSS類名智能命名提示

JavaScript (ES6) code snippets

ES6語法提示

Path Intellisense

編輯器中輸入路徑時,自動補全

Git History

查看和搜索git日志以及圖表和細節(jié)哥谷。查看文件的前一個副本。查看和搜索歷史

CSS Peek

能在源代碼中的字符串中找到對應(yīng)的css(類和ID)麻献。顯示在那個css文件里们妥,還有在第幾行。

Easy WXLESS

微信小程序WXSS文件專用赎瑰,保存可自動生成并同步編譯成同名css文件

px2rem

px值轉(zhuǎn)rem

Vue插件

vetur

語法高亮王悍、智能感知、Emmet
注意vue文件代碼格式化餐曼,需要在首選項-設(shè)置-用戶設(shè)置添加這行代碼

   "vetur.format.defaultFormatter.html": "js-beautify-html", //vue中HTML部分格式化

Vue 2 Snippets

基于最新的 Vue 官方語法高亮文件添加了語法高亮压储,并且依據(jù) Vue 2 的 API 添加了代碼補全

vscode-element-helper

Element-UI 庫代碼提醒
主題推薦:淺色調(diào)

Brackets Light Pro

Quiet Light

6206911-42b466dcda73cede.png

vs code默認快捷鍵:

  • 打開一個新窗口: Ctrl+Shift+N
  • 關(guān)閉窗口: Ctrl+Shift+W
  • 新建文件 Ctrl+N
  • 歷史打開文件之間切換 Ctrl+Tab,Alt+Left源譬,Alt+Right
  • 代碼行縮進Ctrl+[集惋, Ctrl+]
    折疊打開代碼塊 Ctrl+Shift+[, Ctrl+Shift+]
    Ctrl+C Ctrl+V如果不選中踩娘,默認復(fù)制或剪切一整行
    代碼格式化:Shift+Alt+F刮刑,或Ctrl+Shift+P后輸入format code
    修剪空格Ctrl+Shift+X
    上下移動一行: Alt+Up 或 Alt+Down
    向上向下復(fù)制一行: Shift+Alt+Up或Shift+Alt+Down
    在當前行下邊插入一行Ctrl+Enter
    在當前行上方插入一行Ctrl+Shift+Enter
    光標相關(guān)

移動到行首:Home
移動到行尾:End
移動到文件結(jié)尾:Ctrl+End
移動到文件開頭:Ctrl+Home
移動到后半個括號 Ctrl+Shift+]
選中當前行Ctrl+i(雙擊)
選擇從光標到行尾Shift+End
選擇從行首到光標處Shift+Home
刪除光標右側(cè)的所有字Ctrl+Delete
Shrink/expand selection: Shift+Alt+Left和Shift+Alt+Right
Multi-Cursor:可以連續(xù)選擇多處,然后一起修改养渴,Alt+Click添加cursor或者Ctrl+Alt+Down 或 Ctrl+Alt+Up
同時選中所有匹配的Ctrl+Shift+L
Ctrl+D下一個匹配的也被選中(被我自定義成刪除當前行了雷绢,見下邊Ctrl+Shift+K)
回退上一個光標操作Ctrl+U
重構(gòu)代碼

跳轉(zhuǎn)到定義處:F12
定義處縮略圖:只看一眼而不跳轉(zhuǎn)過去Alt+F12
列出所有的引用:Shift+F12
同時修改本文件中所有匹配的:Ctrl+F12
重命名:比如要修改一個方法名,可以選中后按F2理卑,輸入新的名字翘紊,回車,會發(fā)現(xiàn)所有的文件都修改過了藐唠。
跳轉(zhuǎn)到下一個Error或Warning:當有多個錯誤時可以按F8逐個跳轉(zhuǎn)
查看diff 在explorer里選擇文件右鍵 Set file to compare帆疟,然后需要對比的文件上右鍵選擇Compare with 'file_name_you_chose'.
查找替換

查找 Ctrl+F
查找替換 Ctrl+H
整個文件夾中查找 Ctrl+Shift+F

參考文檔:
VS Code 使用小技巧

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市宇立,隨后出現(xiàn)的幾起案子踪宠,更是在濱河造成了極大的恐慌,老刑警劉巖妈嘹,帶你破解...
    沈念sama閱讀 218,036評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件柳琢,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機染厅,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評論 3 395
  • 文/潘曉璐 我一進店門痘绎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人肖粮,你說我怎么就攤上這事《啵” “怎么了涩馆?”我有些...
    開封第一講書人閱讀 164,411評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長允坚。 經(jīng)常有香客問我魂那,道長,這世上最難降的妖魔是什么稠项? 我笑而不...
    開封第一講書人閱讀 58,622評論 1 293
  • 正文 為了忘掉前任涯雅,我火速辦了婚禮,結(jié)果婚禮上展运,老公的妹妹穿的比我還像新娘活逆。我一直安慰自己,他們只是感情好拗胜,可當我...
    茶點故事閱讀 67,661評論 6 392
  • 文/花漫 我一把揭開白布蔗候。 她就那樣靜靜地躺著,像睡著了一般埂软。 火紅的嫁衣襯著肌膚如雪锈遥。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,521評論 1 304
  • 那天勘畔,我揣著相機與錄音所灸,去河邊找鬼。 笑死炫七,一個胖子當著我的面吹牛爬立,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播诉字,決...
    沈念sama閱讀 40,288評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼懦尝,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了壤圃?” 一聲冷哼從身側(cè)響起陵霉,我...
    開封第一講書人閱讀 39,200評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎伍绳,沒想到半個月后踊挠,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,644評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,837評論 3 336
  • 正文 我和宋清朗相戀三年效床,在試婚紗的時候發(fā)現(xiàn)自己被綠了睹酌。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,953評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡剩檀,死狀恐怖憋沿,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情沪猴,我是刑警寧澤辐啄,帶...
    沈念sama閱讀 35,673評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站运嗜,受9級特大地震影響壶辜,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜担租,卻給世界環(huán)境...
    茶點故事閱讀 41,281評論 3 329
  • 文/蒙蒙 一砸民、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧奋救,春花似錦岭参、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,889評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至利耍,卻和暖如春蚌本,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背隘梨。 一陣腳步聲響...
    開封第一講書人閱讀 33,011評論 1 269
  • 我被黑心中介騙來泰國打工程癌, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人轴猎。 一個月前我還...
    沈念sama閱讀 48,119評論 3 370
  • 正文 我出身青樓嵌莉,卻偏偏與公主長得像,于是被迫代替她去往敵國和親捻脖。 傳聞我的和親對象是個殘疾皇子锐峭,可洞房花燭夜當晚...
    茶點故事閱讀 44,901評論 2 355

推薦閱讀更多精彩內(nèi)容