VSCode里面有很多快捷鍵,接下來我講一些我認(rèn)為最實用的,可以幫助萌新提高代碼編寫速度
1.快捷復(fù)制粘貼
· 會改變剪切板的復(fù)制 ctrl+c
光標(biāo)定在那一行想復(fù)制的地方,直接Ctrl+c,然后直接ctrl+v即可,不用選中內(nèi)容
· 不改變剪切板 alt + shift + ↓ 或 ↑
有時候剪切板復(fù)制了內(nèi)容,不想復(fù)制新的內(nèi)容導(dǎo)致剪切板被頂?shù)?,但是又想快速?fù)制粘貼別的代碼
alt + shift + ↓ 或 ↑ 可以選中一整塊內(nèi)容復(fù)制粘貼且不改變剪切板內(nèi)容,也可以像上面的一樣光標(biāo)定在那一行即可快速粘貼一行,箭頭可以選擇復(fù)制的方向,下面以向下復(fù)制為例子
選中內(nèi)容復(fù)制粘貼示例示例:
只復(fù)制一行示例: (光標(biāo)定在那一行,然后alt+shift+箭頭,就能幫你粘貼一行出來)
2.代碼排版相關(guān)
· 格式化:
有時候代碼很亂,可以使用這個快捷鍵幫忙格式化 shift + alt + f (這里的格式化不是“刪除東西”,而是整理東西)
示例: 下面這樣的代碼不利于閱讀
使用格式化快捷鍵就能幫忙格式化了
·?設(shè)置默認(rèn)格式化程序
除了這個快捷鍵,還可以設(shè)置默認(rèn)格式化程序,下載想要的插件(比如Prettier),右鍵想格式化的js文件,之后點擊這個“使用....格式化文檔”,選擇“配置默認(rèn)格式化程序”,然后再選擇想要的即可。
· 自動格式化
?在按ctrl+s保存文件時,自動格式化文件:打開vscode設(shè)置,搜索?editor:format on save,如下圖設(shè)置。
3.快速進(jìn)行注釋
Ctrl + /
4.善用Tab鍵
輸入標(biāo)簽名,然后按tab鍵即可快速生成,不需要一個個的打出這些尖括號 <div>
如輸入div 按tab 就變成了<div></div>
tab鍵就相當(dāng)于選擇這個東西
有時候可以選擇的東西比較多,用鍵盤↓ 或 ↑可以上下選擇,如下圖,我按了一個 ↓ ,然后再按tab,就能生成了
5.快速輸入相同的東西
shift + alt + 鼠標(biāo)長按下滑
或者 按住鼠標(biāo)中鍵,然后鼠標(biāo)下滑 (不需要點擊)
或者 按住alt,鼠標(biāo)一個個點想更改的位置 (可以自己選擇想一鍵更改的地方,可以是交叉位置的)
6.一鍵替換某些內(nèi)容
ctrl+h,其實 ctrl+f 也是一樣的
7.把光標(biāo)快速切換下一行 ctrl+回車
比如,在寫css的時候,由于有代碼聯(lián)想功能,會自動幫我們補(bǔ)全代碼,但是會出現(xiàn)這種尷尬的情形,如下圖(因為自動補(bǔ)全代碼不需要我們寫分號)
想要切換到下一行,還得手動把光標(biāo)定到分號的后面,然后回車 ,十分繁瑣
用快捷鍵即可快速切換下一行 ctrl+回車
8.代碼返回上一步/下一步
ctrl + z 返回上一步 (可以理解為撤回一些操作)
ctrl + y 返回下一步 (在使用了ctrl+z之后,可以使用這個快捷鍵來返回剛剛撤回的內(nèi)容)
9.關(guān)于寫注釋時的小技巧
????????變量用 /** */ 來注釋,會有懸浮提示效果,且可以在里面使用md語法 (若寫代碼時很容易忘記變量的含義,就多用這個,來代替普通的 // 注釋)
? ? ? ? 對象的屬性、函數(shù)(使用JsDoc注釋會更好)、ts的類型等等,都可以用 /**? */ 來注釋,然后實現(xiàn)鼠標(biāo)懸浮的文字提示效果。
????????文章來源:http://www.zghlxwxcb.cn/news/detail-513677.html
?文章來源地址http://www.zghlxwxcb.cn/news/detail-513677.html
到了這里,關(guān)于VSCode實用快捷鍵:復(fù)制粘貼內(nèi)容不改變剪切板等的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!