VSCode怎么用? vscode小白快速入門教程


Visual Studio Code 32位 v1.83.1 官方最新安裝版
- 類型:編程工具
- 大?。?/span>86.4MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2023-10-12
初次使用命令面板界面概覽交互式演習(xí)場(chǎng)命令行的使用
VSCode 入門,今天我們先來(lái)聊一下 VS Code 的安裝和更新、VS Code 初次使用的指引界面、語(yǔ)言設(shè)置,以及命令行使用等基礎(chǔ)問題,以便你能快速上手VS Code。
安裝與版本選擇
VS Code 有兩個(gè)不同的發(fā)布渠道:一個(gè)是我們經(jīng)常使用的穩(wěn)定版(Stable),每個(gè)月發(fā)布一個(gè)主版本;另外一個(gè)發(fā)布渠道叫做 Insiders,每周一到周五 UTC 時(shí)間早上6點(diǎn)從最新的代碼發(fā)布一個(gè)版本,這也是 VS Code 團(tuán)隊(duì)在使用的版本,目標(biāo)是可以第一時(shí)間用上自己新加的功能并及時(shí)發(fā)現(xiàn)問題。微軟內(nèi)部對(duì)這個(gè)做法還有個(gè)專門的名詞,叫做“吃自己的狗糧” (eat your own dog food)。
除去VS Code核心開發(fā)團(tuán)隊(duì),現(xiàn)在全世界大概還有一萬(wàn)五千名用戶在使用 Insiders 版本。不過(guò),如果你剛剛接觸 VS Code ,那么穩(wěn)定版本肯定更適合你。但如果你已經(jīng)使用 VS Code 有一段時(shí)間,我還是非常推薦你試一試 Insiders ,因?yàn)槭褂眠@個(gè)版本有這樣幾個(gè)好處:
你可以盡早使用上最新的功能。一般來(lái)說(shuō)新功能會(huì)先在 Insiders 版本里上線,運(yùn)行一段時(shí)間穩(wěn)定后,會(huì)隨著當(dāng)月的穩(wěn)定版本發(fā)布。但如果是改動(dòng)比較大的功能,比如編輯器網(wǎng)格布局、自定義 Windows 菜單欄,可能會(huì)在 Insiders 里運(yùn)行兩個(gè)月才會(huì)最終推向所有用戶。
你可以深度參與 VS Code 產(chǎn)品的開發(fā)過(guò)程。一個(gè)新功能首次被添加到 Insiders 版本時(shí),往往是不成熟的,而你可以在 GitHub 上第一時(shí)間反饋你對(duì)這個(gè)新功能的看法和建議,甚至可以為它貢獻(xiàn)代碼。
下載和安裝 Insiders 版本也很簡(jiǎn)單,打開 VS Code 官網(wǎng)(https://code.visualstudio.com),點(diǎn)擊綠色下載按鈕旁的下拉按鈕,就可以針對(duì)不同平臺(tái)選擇可用的 Insiders 版本了。而且,VS Code 安裝完之后就會(huì)自動(dòng)更新,你并不需要前往官網(wǎng)重新下載。同時(shí),專欄里面使用的 VS Code 版本也將是最新的穩(wěn)定版,這樣便于大家理解。
初次使用
VS Code 第一次啟動(dòng)后會(huì)顯示一個(gè)“歡迎使用”的頁(yè)面,這個(gè)界面主要是方便你快速打開文件、文件夾以及訪問歷史文件,同時(shí)還會(huì)附帶一些幫助信息,比如“快捷鍵速查表”。
你可以多多點(diǎn)擊和訪問這個(gè)界面上的各種鏈接和按鈕,主動(dòng)發(fā)現(xiàn)和了解你可能感興趣的功能。這里我主要講一下“學(xué)習(xí)”區(qū)域的三個(gè)功能:命令面板、界面概覽和交互式演習(xí)場(chǎng)。
命令面板
首先來(lái)看命令面板,它是 VS Code 快捷鍵的主要交互界面,你可以通過(guò) F1 或者“Cmd+Shift+P ”(Windows 上是 “Ctrl+Shift+P”) 打開。這里提醒一下,如無(wú)特殊說(shuō)明,我在這個(gè)專欄里默認(rèn)基于macOS平臺(tái)進(jìn)行講解,但也會(huì)本著為你提供方便的原則,同時(shí)給出Windows或Linux平臺(tái)下的操作說(shuō)明。通過(guò)編輯器來(lái)實(shí)現(xiàn)高效編程的思路是一致的,這和具體的使用平臺(tái)無(wú)關(guān),所以你大可不必為此擔(dān)心。
你可以在命令面板中快速搜索命令并且執(zhí)行。如果你的 VS Code 是簡(jiǎn)體中文版,那么你可以在命令面板里使用中文或者英文來(lái)搜索命令。VS Code 的絕大多數(shù)命令都可以在命令面板里搜到,所以熟練使用命令面板,你就可以擺脫鼠標(biāo),完全通過(guò)鍵盤操作來(lái)完成全部編碼工作。
界面概覽
第二個(gè)是界面概覽,它展示了 VS Code 默認(rèn)界面里的不同部件的位置、名稱和快捷鍵。VS Code 強(qiáng)調(diào)無(wú)鼠標(biāo)操作,但是對(duì)于初學(xué)者而言快捷鍵的記憶是個(gè)麻煩,這個(gè)界面恰好可以幫助你渡過(guò)最初的不適應(yīng)階段。
交互式演習(xí)場(chǎng)
第三個(gè)是交互式演習(xí)場(chǎng),打開這個(gè)界面,你會(huì)看到一個(gè)全英文的初學(xué)者教程,其中通過(guò)各種交互示例給出了 VS Code 的核心功能,展示了一些高級(jí)代碼編輯功能的使用,每個(gè)功能都會(huì)有一個(gè)代碼片段和編輯器供你實(shí)時(shí)使用。
這個(gè)界面現(xiàn)在還沒有中文版,不過(guò)沒有關(guān)系,它里面提到的所有功能我都會(huì)在這個(gè)專欄中詳細(xì)介紹。
命令行的使用
接下來(lái)我們看一下命令行的使用。命令行你應(yīng)該不陌生,我們腦海中的大神級(jí)程序員都是可以在Linux中隨意敲打長(zhǎng)串的命令,或是與黑客斗智斗勇,或是解決某個(gè)緊急的線上問題。而對(duì)于VS Code而言,最基礎(chǔ)的命令行當(dāng)然是讓你能夠不動(dòng)鼠標(biāo),就能快速打開界面了。
如果你是 Windows用戶,安裝并重啟系統(tǒng)后,你就可以在命令行中使用 code
或者 code-insiders
了,如果你希望立刻而不是等待重啟后使用,可以將 VS Code 的安裝目錄添加到系統(tǒng)環(huán)境變量 PATH
中, Windows 64 位下的 VS Code 安裝路徑是 C:\Program FIles\Microsoft VS Code
下。
如果你是在 macOS 上使用,安裝后打開命令面板,搜索Shell 命令:在 PATH 中安裝 “Code” 命令
并執(zhí)行,然后重啟終端模擬就可以了。
如果你是使用 Linux 的話,我相信你一定知道怎么在終端中調(diào)用 VS Code。
接下來(lái),我們看一下 VS Code 的命令行都支持哪些操作,這里我先運(yùn)行了 code --help
來(lái)打印出 VS Code 命令行所支持的所有參數(shù)。
最基本的命令行使用方式是在 code
命令后加上文件或者文件夾的地址,這樣VS Code 就會(huì)在一個(gè)新窗口中打開這個(gè)文件或文件夾。
如果你希望使用已經(jīng)打開的窗口來(lái)打開文件,可以在 code
命令后添加參數(shù) -r
來(lái)進(jìn)行窗口的復(fù)用。
你也可以使用參數(shù) -g <file:line[:character]>
打開文件,然后滾動(dòng)到文件中某個(gè)特定的行和列,比如輸入 code -r -g package.json:128
命令,你就可以打開 package.json 這個(gè)文件,然后自動(dòng)跳轉(zhuǎn)到 128 行。這個(gè)命令可以方便你從終端里快速地在 VS Code 里打開一個(gè)文件進(jìn)行預(yù)覽,一個(gè)特別常見的例子就是當(dāng)我們使用腳本執(zhí)行某個(gè)命令,這個(gè)命令告訴我們某個(gè)文件的某一行出現(xiàn)了錯(cuò)誤,我們就能夠快速定位了。
VS Code 也可以用來(lái)比較兩個(gè)文件的內(nèi)容,你只需使用 -d
參數(shù),并傳入兩個(gè)文件路徑,比如輸入 code -r -d a.txt b.txt
命令,就可以比較a.txt和b.txt兩個(gè)文件的內(nèi)容了。有了這個(gè)命令,你就可以既使用命令行運(yùn)行腳本,也可以借助 VS Code 的圖形化界面進(jìn)行文件內(nèi)容的對(duì)比了。
VS Code 命令行除了支持打開磁盤上的文件以外,也接受來(lái)自管道中的數(shù)據(jù)。這樣你就可以將原本在命令行中展示的內(nèi)容,實(shí)時(shí)地展示在 VS Code 里,然后在編輯器中搜索和修改。比如,你可以把當(dāng)前目錄下所有的文件名都展示在編輯器里,此時(shí)只需使用ls | code -
命令。
另外,VS Code 命令行還能夠管理插件,查看 VS Code 的運(yùn)行情況,記錄和分析 VS Code 運(yùn)行性能,這些我會(huì)在之后的章節(jié)介紹。當(dāng)然,你也可以現(xiàn)在小試牛刀,試試它的威力。
在我的日常工作中,經(jīng)常會(huì)使用終端來(lái)操作腳本。這個(gè)時(shí)候,如果我需要打開 VS Code,使用命令行來(lái)打開 VS Code 再方便不過(guò)了。
另外 VS Code 的命令行的各個(gè)參數(shù),其實(shí)能夠定制 VS Code 是怎樣運(yùn)行的,比如--disable-extensions
、--max-memory
,它們都有特殊的應(yīng)用場(chǎng)景。當(dāng)然,如果你發(fā)現(xiàn)了哪個(gè)配置是你特別希望默認(rèn)就打開的,那么你可以在 shell 環(huán)境里創(chuàng)建一個(gè)別名 (alias),而不用局限于 code
這個(gè)命令。
以上就是vscode小白快速入門教程,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
vscode怎么寫markdown? VSCode編輯Markdown的技巧
vscode怎么比較兩個(gè)文件的區(qū)別? vscode對(duì)兩個(gè)文件內(nèi)容進(jìn)行對(duì)比技巧
VSCode怎么添加IntelliJ IDEA的快捷鍵? VSCode新增快捷鍵擴(kuò)展的技巧
相關(guān)文章
VS Code標(biāo)題模式怎么設(shè)置為可執(zhí)行文件?
VS Code標(biāo)題模式怎么設(shè)置為可執(zhí)行文件?VS Code中標(biāo)題模式是可以選擇的,該怎么設(shè)置為可執(zhí)行模式呢?下面我們就來(lái)看看VSCode設(shè)置標(biāo)題模式可執(zhí)行文件的方法2022-07-01Vscode如何關(guān)閉警報(bào)提示?Vscode關(guān)閉警報(bào)提示教程
Vscode是一款實(shí)用I的代碼編輯器,支持幾乎所有主流的開發(fā)語(yǔ)言的語(yǔ)法高亮、智能代碼補(bǔ)全、自定義熱鍵、括號(hào)匹配、代碼片段、代碼對(duì)比 Diff、GIT 等特性,那么我們?cè)谑褂玫臅r(shí)2022-06-30Vscode如何設(shè)置垂直滾動(dòng)敏感性數(shù)值?Vscode設(shè)置垂直滾動(dòng)敏感性數(shù)值教程
VSCode是一個(gè)運(yùn)行于 OS X,Windows和 Linux 之上的,針對(duì)于編寫現(xiàn)代 WEB 和云應(yīng)用的跨平臺(tái)編輯器,今天咱們就來(lái)看看怎么設(shè)置垂直滾動(dòng)敏感性行數(shù)吧2022-06-30VSCode怎么開啟保留新線? Visual Studio Code設(shè)置保留新線的方法
VSCode怎么開啟保留新線?保留新線在設(shè)置中就可以開啟,具體在哪里呢?下面我們就來(lái)看看Visual Studio Code設(shè)置保留新線的方法2022-06-22VS Code怎么關(guān)閉php模板語(yǔ)言標(biāo)記? VSCode關(guān)閉格式模板設(shè)置的技巧
VS Code怎么關(guān)閉php模板語(yǔ)言標(biāo)記?在使用VS Code,很多功能都不知道在哪里設(shè)置,下面我們就來(lái)看看VSCode關(guān)閉格式模板設(shè)置的技巧,詳細(xì)請(qǐng)看下文介紹2022-06-13VS Code中g(shù)it承諾的時(shí)間表日期的開啟方法
VS Code中g(shù)it承諾的時(shí)間表日期在哪里設(shè)置?VS Code中配置git的時(shí)候,承諾時(shí)間表日期默認(rèn)狀態(tài)是可以更換的,該怎么設(shè)置呢?下面我們就來(lái)看看詳細(xì)的教程2022-06-13VS Code怎么設(shè)置全局工具欄? VSCode關(guān)閉全局工具欄的技巧
VS Code怎么設(shè)置全局工具欄?VS Code軟件中的全局工具欄不想要顯示了,可以關(guān)閉,該怎么關(guān)閉呢?下面我們就來(lái)看看VSCode關(guān)閉全局工具欄的技巧,詳細(xì)請(qǐng)看下文介紹2022-06-10VSCode如何更新? VSCode手動(dòng)更新與自動(dòng)更新的設(shè)置方法
VSCode如何更新? VSCode之前設(shè)置過(guò)禁止自動(dòng)更新,如果有版本更新可以自己選擇更或者不更,下面我們就來(lái)看看VSCode手動(dòng)更新與自動(dòng)更新的設(shè)置方法2022-06-10VSCode怎么設(shè)置保護(hù)套? VSCode保護(hù)套開啟和關(guān)閉方法
VSCode怎么設(shè)置保護(hù)套?經(jīng)常使用VSCode編程開發(fā),有時(shí)候需要保護(hù)套,該怎么開啟或者關(guān)閉呢?下面我們就來(lái)看看VSCode保護(hù)套開啟和關(guān)閉方法2022-06-10VSCode鼠標(biāo)懸停顯示提示框怎么關(guān)? VSCode關(guān)閉顯示鏈接懸停的技巧
VSCode鼠標(biāo)懸停顯示提示框怎么關(guān)?Visual Studio Code軟件鼠標(biāo)經(jīng)過(guò)代碼,如果有停頓會(huì)顯示一個(gè)提示框,想要關(guān)閉,該怎么關(guān)閉呢?下面我們就來(lái)看看VSCode關(guān)閉顯示鏈接懸停的2022-06-10