VS code 插件推薦

Ctrl+D?下一個匹配的也被選中

刪除光標(biāo)右側(cè)的所有字:?Ctrl+Delete

來自:https://juejin.im/post/5b34fbeae51d455886494744

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

同步配置胖缤,再不同主機上尚镰,一勞永逸

在GitHub上創(chuàng)建gist

在設(shè)置里面配置gist命牌即可

好消息,一鍵下載怎么多插件想不想學(xué)(搞得像推銷一樣哪廓,哈哈)

下載Settings Sync插件后重啟 ctrl + shift + p 然后輸入sync 然后選擇高級選項 → 從公共配置里下載gist 然后在按ctrl + shift + p 輸入sync 選擇下載配置復(fù)制這串代碼進(jìn)去d3bc45d8096f6bc3d9d46c69ed7052cd?OK狗唉,完事 (可能還有一些人看不懂,過后傳GIF操作圖涡真,我先溜了)

HTML Snippets

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

Atom Keymap

Sublime Text Keymap and Settings Importer

IntelliJ IDEA Keybindings

快捷鍵習(xí)慣替換(選一分俯,多個會沖突)

Color-Highlight

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

Guides

代碼的標(biāo)簽對齊線哆料。

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標(biāo)簽

###Auto Rename Tag修改HTML標(biāo)簽時讥此,自動修改匹配的標(biāo)簽

Bracket Pair Colorizer

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

Open-In-Browser

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

Live Server

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

Indenticator

縮進(jìn)高亮

IntelliSense for CSS class names

CSS類名智能命名提示

JavaScript (ES6) code snippets

ES6語法提示

Path Intellisense

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

Git History

查看和搜索git日志以及圖表和細(xì)節(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部分格式化復(fù)制代碼

Vue 2 Snippets

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

vscode-element-helper

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

Brackets Light Pro

Quiet Light

vsc常用快捷鍵: 同時打開多個窗口(查看多個項目)

打開一個新窗口: Ctrl+Shift+N 關(guān)閉窗口: Ctrl+Shift+W 同時打開多個編輯器(查看多個文件)

新建文件 Ctrl+N 歷史打開文件之間切換 Ctrl+Tab司志,Alt+Left,Alt+Right 切出一個新的編輯器(最多3個)Ctrl+\降宅,也可以按住Ctrl鼠標(biāo)點擊Explorer里的文件名 左中右3個編輯器的快捷鍵Ctrl+1 Ctrl+2 Ctrl+3 3個編輯器之間循環(huán)切換 Ctrl+` 編輯器換位置骂远,Ctrl+k然后按Left或Right 格式調(diào)整

代碼行縮進(jìn)Ctrl+[, Ctrl+] 折疊打開代碼塊 Ctrl+Shift+[腰根, Ctrl+Shift+] Ctrl+C Ctrl+V如果不選中激才,默認(rèn)復(fù)制或剪切一整行 代碼格式化:Shift+Alt+F,或Ctrl+Shift+P后輸入format code 修剪空格Ctrl+Shift+X 上下移動一行: Alt+Up 或 Alt+Down 向上向下復(fù)制一行: Shift+Alt+Up或Shift+Alt+Down 在當(dāng)前行下邊插入一行Ctrl+Enter 在當(dāng)前行上方插入一行Ctrl+Shift+Enter 光標(biāo)相關(guān)

移動到行首:Home 移動到行尾:End 移動到文件結(jié)尾:Ctrl+End 移動到文件開頭:Ctrl+Home 移動到后半個括號 Ctrl+Shift+] 選中當(dāng)前行Ctrl+i(雙擊) 選擇從光標(biāo)到行尾Shift+End 選擇從行首到光標(biāo)處Shift+Home 刪除光標(biāo)右側(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下一個匹配的也被選中(被我自定義成刪除當(dāng)前行了吨述,見下邊Ctrl+Shift+K) 回退上一個光標(biāo)操作Ctrl+U 重構(gòu)代碼

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

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市阎毅,隨后出現(xiàn)的幾起案子焚刚,更是在濱河造成了極大的恐慌,老刑警劉巖扇调,帶你破解...
    沈念sama閱讀 211,265評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件矿咕,死亡現(xiàn)場離奇詭異,居然都是意外死亡狼钮,警方通過查閱死者的電腦和手機碳柱,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評論 2 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來熬芜,“玉大人莲镣,你說我怎么就攤上這事∠牙” “怎么了瑞侮?”我有些...
    開封第一講書人閱讀 156,852評論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長鼓拧。 經(jīng)常有香客問我半火,道長,這世上最難降的妖魔是什么毁枯? 我笑而不...
    開封第一講書人閱讀 56,408評論 1 283
  • 正文 為了忘掉前任慈缔,我火速辦了婚禮,結(jié)果婚禮上种玛,老公的妹妹穿的比我還像新娘藐鹤。我一直安慰自己,他們只是感情好赂韵,可當(dāng)我...
    茶點故事閱讀 65,445評論 5 384
  • 文/花漫 我一把揭開白布娱节。 她就那樣靜靜地躺著,像睡著了一般祭示。 火紅的嫁衣襯著肌膚如雪肄满。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,772評論 1 290
  • 那天,我揣著相機與錄音稠歉,去河邊找鬼掰担。 笑死,一個胖子當(dāng)著我的面吹牛怒炸,可吹牛的內(nèi)容都是我干的带饱。 我是一名探鬼主播,決...
    沈念sama閱讀 38,921評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼阅羹,長吁一口氣:“原來是場噩夢啊……” “哼勺疼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起捏鱼,我...
    開封第一講書人閱讀 37,688評論 0 266
  • 序言:老撾萬榮一對情侶失蹤执庐,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后导梆,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體轨淌,經(jīng)...
    沈念sama閱讀 44,130評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,467評論 2 325
  • 正文 我和宋清朗相戀三年看尼,在試婚紗的時候發(fā)現(xiàn)自己被綠了猿诸。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,617評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡狡忙,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出址芯,到底是詐尸還是另有隱情灾茁,我是刑警寧澤,帶...
    沈念sama閱讀 34,276評論 4 329
  • 正文 年R本政府宣布谷炸,位于F島的核電站,受9級特大地震影響旬陡,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜描孟,卻給世界環(huán)境...
    茶點故事閱讀 39,882評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望匿醒。 院中可真熱鬧场航,春花似錦、人聲如沸廉羔。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽孩饼。三九已至,卻和暖如春镀娶,著一層夾襖步出監(jiān)牢的瞬間立膛,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評論 1 265
  • 我被黑心中介騙來泰國打工汽畴, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留旧巾,地道東北人。 一個月前我還...
    沈念sama閱讀 46,315評論 2 360
  • 正文 我出身青樓鲁猩,卻偏偏與公主長得像罢坝,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子嘁酿,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,486評論 2 348

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