日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產品馬上在線溝通
服務時間:8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯網營銷解決方案
創(chuàng)新互聯vscode教程:vscode命令面板

令面板,我們在之前的學習過程中已經多次使用了。命令面板是一個非常特殊的 UI 組件,假如說你從來沒有用過 VS Code 或者 Sublime 之類的編輯器,第一次打開 VS Code 后,你可以無障礙地使用資源管理器、搜索等組件,因為它們是直接可見的。

站在用戶的角度思考問題,與客戶深入溝通,找到清徐網站設計與清徐網站推廣的解決方案,憑借多年的經驗,讓設計與互聯網技術結合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:網站設計制作、做網站、企業(yè)官網、英文網站、手機端網站、網站推廣、主機域名、網站空間、企業(yè)郵箱。業(yè)務覆蓋清徐地區(qū)。

但是沒有任何提示的話,你可能很長時間都不會發(fā)現命令面板。雖然它的可發(fā)現性(discoverability)不太好,但也是 VS Code 最重要的組件之一。在我看來,它是一個基于文本的交互界面。怎么理解這句話呢?你可以先通過快捷鍵 F1 或者 Cmd + Shift + P 打開命令面板,打開之后,命令面板的輸入框里已經有一個字符:>(大于號) 。

F1 或者 Cmd + Shift + P打開命令面板

你可能會好奇,這個大于號是干嘛用的呢?你可以回想一下在前面“編輯器 —> 快速代碼跳轉”文章里介紹的快速訪問文件中的符號 ,當你按下 Cmd + Shift + O (Windows 上是 Ctrl + Shift + O)打開了命令面板,控制面板顯示了當前文件里的所有符號,此時輸入框里的第一個字符是 @。

Cmd + Shift + O打開命令面板快速訪問符號

看到這里你應該猜到了,命令面板是根據輸入框里的第一個字符來決定提供什么功能的。你甚至不難猜出 VS Code 是怎么實現命令面板的,VS Code 會先處理輸入框里的文本,然后根據第一個字符來選擇不同的處理方案。

如果第一個符號是>(大于號),那么就提供所有的命令。當你繼續(xù)輸入字符時,VS Code 就會在所有命令里進行搜索;如果第一個字符是@,那么就掃描當前文件,提供所有的符號。

那么命令面板里一共支持多少不同的功能呢?這里你可以把輸入框里的所有字符全部刪掉,看看 VS Code 給你的提示。

刪除輸入框里的所有字符

當輸入框里沒有任何的字符時,命令面板提供的功能是訪問最近使用的文件。同時你會在輸入框內看到一段提示文字:鍵入 “?”從此處獲取有關可進行的操作的幫助。接下來,你就依照這個提示,輸入問號。

在輸入框里輸入問號

緊接著你就可以看到十幾條選項,分別代表著你能在命令面板里使用的不同的功能。雖然有十幾條選項,但是記住它們并不是太難。

首先是幾個符號:

  • >(大于號) ,用于顯示所有的命令。
  • @ ,用于顯示和跳轉文件中的“符號”(Symbols),在@符號后添加冒號:則可以把符號們按類別歸類。
  • # 號,用于顯示和跳轉工作區(qū)中的“符號”(Symbols)。
  • :(冒號), 用于跳轉到當前文件中的某一行。

這幾個符號所對應的命令我們在之前的文章中已經研究過,比較好記。輸入這些符號后,繼續(xù)輸入相應內容就可以對結果進行搜索了。

剩下的都是英文單詞或者縮寫,知道它們的含義后就可以輕松掌握了:

  • edt 是 edit(編輯)的縮寫,輸入 edt 和一個空格,命令面板就會顯示所有已經打開的文件;而edt active則只會顯示當前活動組中的文件。
  • ext 是 extension(插件)的縮寫,輸入 ext 和一個空格,就可以進行插件的管理;ext install 則可以在命令面板中搜索和安裝插件。
  • task和debug 分別對應于任務和調試功能。這兩個功能的使用我會在之后的章節(jié)中詳細講解。
  • term 是 terminal(終端)的縮寫,你可以用這個命令來創(chuàng)建和管理終端實例。
  • view 則是用于打開 VS Code 的各個 UI 組件。

跟前面符號不同的是,在輸入某個英文縮寫的前綴后,你還需要輸入一個空格鍵,然后這個功能就被自動執(zhí)行了。同時,你能夠繼續(xù)輸入字符,在這個功能執(zhí)行的結果里面進行搜索。


當前文章:創(chuàng)新互聯vscode教程:vscode命令面板
鏈接分享:http://www.5511xx.com/article/dpjjsio.html