碼農的自我修養之必備技能 學習筆記

2022-05-04 01:45:09 字數 2852 閱讀 8882

命令面板是vscode快捷鍵的主要互動介面,可以使用f1或者cmd+shift+p(win ctrl+shift+p)開啟。
在命令面板中你可以輸入命令進行搜尋(中英文都可以),然後執行。

命名面板中可以執行各種命令,包括編輯器自帶的功能和外掛程式提供的功能。

所以一定要記住它的快捷鍵cmd+shift+p

剛上手使用vscode時,建議要先把它當做乙個檔案編輯器(可以打字然後儲存),等到有了一定經驗再去熟悉那些快捷鍵
先來熟悉一下介面及快捷命令(不用記)

如果你是 windows使用者,安裝並重啟系統後,你就可以在命令列中使用code或者code-insiders了,如果你希望立刻而不是等待重啟後使用,可以將 vs code 的安裝目錄新增到系統環境變數path

如果你是mac使用者,安裝後開啟命名面板cmd+shift+p,搜尋shell命令,點選在path中安裝code命令,然後重啟終端就ok了

最基礎的使用就是使用code命令開啟檔案或資料夾

code 資料夾位址,vscode 就會在新視窗中開啟該資料夾

如果你希望在已經開啟的視窗開啟檔案,可以使用-r引數

注意:在繼續看文章之前記住記住開啟命令面板的快捷鍵cmd+shift+p(win下是ctrl+shift+p)

windows下的快捷鍵放在括號裡
基礎

移動到行首 cmd+左方向鍵 (win home)

移動到行尾 cmd+右方向鍵 (win end)

移動到文件的開頭和末尾 cmd+上下方向鍵 (win ctrl+home/end)

在花括號{}左邊右邊之間跳轉 cmd+shift+ (win ctrl+shift+)

高階回到上乙個游標的位置,cmd+u(win ctrl+u) 非常有用,有時候vue檔案,你改了html,需要去下面改js,改完js又需要回去,這時候cmd+u直接回

你只需要多按乙個shift鍵就可以在游標移動的時候選中文字

選中單詞cmd+d下面要講的多游標也會講到cmd+d

對於**塊的選擇沒有快捷鍵,可以使用cmd+shift+p開啟命令面板,輸入選擇括號所有內容,待會說下如何新增快捷鍵

你可以選中了**之後再刪除,再按backpack(是backpack嗎)或者delete刪除,但是那樣做太low了

所以,最geek的刪除方式是cmd+shift+k(win ctrl+shift+k),想刪多少刪多少,當前你可以使用ctrl+x剪下,效果一樣的

注釋有兩種形式,單行注釋和塊注釋(在js中,單行注釋//,塊注釋/**/)

注意:不同語言使用的注釋不同

對選中**進行格式化:cmd+k cmk+fwin(ctrl+k ctrl+f)

按住option(winalt),然後用滑鼠點,滑鼠點在****就會出現乙個游標

注意:有的mac電腦上是按住cmd,然後用滑鼠點才可以

cmd+d(winctrl+d) 第一次按下時,它會選中游標附近的單詞;第二次按下時,它會找到這個單詞第二次出現的位置,建立乙個新的游標,並且選中它。(注:cmd-k cmd-d跳過當前的選擇)

option+shift+i(win alt+shift+i) 首先你要選中多行**,然後按option+shift+i,這樣做的結果是:每一行後面都會多出來乙個游標

cmd+p(win ctrl+p)輸入你要開啟的檔名,回車開啟

這裡有個小技巧,選中你要開啟的檔案後,按cmd+enter,就會在乙個新的編輯器視窗開啟(視窗管理,見下文)

在tab不同的檔案間切換,cmd+shift+

加入瀏覽器報了個錯,錯誤在53行,如何快速跳轉到53行

ctrl+g輸入行號

如果你想跳轉到某個檔案的某一行,你只需要先按下 「cmd + p」,輸入檔名,然後在這之後加上 「:」和指定行號即可。

符號可以是檔名、函式名,可以是css的類名
cmd+shift+o(win ctrl+shift+o) 輸入你要跳轉的符號,回車進行跳轉

win下輸入ctrl+t,可以在不同檔案的符號間進行搜尋跳轉

f12跳到函式的定義處

cmd+f12(win ctrl+f12)跳轉到函式的實現處

很多時候,除了要知道乙個函式或者類的定義和實現以外,你可能還希望知道它們被誰引用了,以及在**被引用了。這時你只需要將游標移動到函式或者類上面,然後按下shift + f12,vs code 就會開啟乙個引用列表和乙個內嵌的編輯器。在這個引用列表裡,你選中某個引用,vs code 就會把這個引用附近的**展示在這個內嵌的編輯器裡。

當我們想修改乙個函式或者變數的名字時候,我們只需把游標放到函式或者變數名上,然後按下f2,這樣這個函式或者變數出現的地方就都會被修改。

碼農的自我修養之必備技能

作為一名程式設計師,打字能力是基礎而又不可或缺的技能,十指打字 準確率 速度,二指禪是要不得的,這勢必會影響coding的速度。規範的打字手法加上練習,可以讓你的打字速度快的飛起,在這裡你可以測試自己的打字速度並循序漸進的練習,展示下我的練習進度。還需要繼續練習,當然這需要個過程,平時coding時...

碼農的自我修養之必備技能 學習筆記

略 vs code 是乙個輕量且強大的 編輯器,內建 js,ts 和 node.js,且擁有非常豐富的外掛程式生態系統。快捷鍵 ctrl shift p,f1 展示全域性命令面板 ctrl p 快速開啟最近開啟的檔案 ctrl shift n 開啟新的編輯器視窗 ctrl shift w 關閉編輯器...

老碼農的自我修養 為什麼會有BUG?過來人告訴你!

一 為什麼會產生bug 首先我們需要嘗試理解一下什麼bug?關於bug的解釋 bug 是指任何電腦程式或硬體系統中的錯誤,故障或缺陷。錯誤會產生意外結果或導致系統意外執行 簡單來說 bug就是程式出了問題,產生了意外的結果,沒有按照預期的結果去執行。產生bug的原因有很多種 開發者水平太低 不同的編...