濮阳杆衣贸易有限公司

主頁(yè) > 知識(shí)庫(kù) > Vscode 基礎(chǔ)使用教程大全

Vscode 基礎(chǔ)使用教程大全

熱門標(biāo)簽:高德地圖標(biāo)注常顯 華創(chuàng)e路航彩票銷售點(diǎn)地圖標(biāo)注 揭陽(yáng)電腦外呼系統(tǒng)公司 承德地圖標(biāo)注公司收費(fèi) 臨沂ai電銷機(jī)器人招商 外呼系統(tǒng)號(hào)顯示星號(hào)怎么看 鶴壁外呼系統(tǒng)公司 銀川語(yǔ)音外呼系統(tǒng)中心 suitecrm 地圖標(biāo)注

    現(xiàn)在使用Vscode編碼的人越來(lái)越多,憑借著免費(fèi),開(kāi)源,輕量,跨平臺(tái)的特點(diǎn)收貨了一大批忠實(shí)粉絲

   最近因項(xiàng)目需要開(kāi)始使用Vscode,但不知為何,感覺(jué)有點(diǎn)力不從心,不知道該怎么用

   首先想到去官網(wǎng)看看,然后放棄了(英語(yǔ)渣渣表示壓力山大,其實(shí)正因?yàn)橛⒄Z(yǔ)差,才更應(yīng)該鍛煉一下的,大家不要學(xué)我23333)

   最后自己摸索和看相關(guān)視頻才豁然開(kāi)朗?,F(xiàn)在做一個(gè)歸納總結(jié),希望能幫到有需要的人

  下載

   官網(wǎng)下載:https://code.visualstudio.com/

  漢化中文(官方下載默認(rèn)為英文,英文好的小伙伴可直接跳過(guò)這步)

    點(diǎn)擊插件按鈕搜索 Chinese, 在彈出的選項(xiàng)中選擇第一個(gè)中文簡(jiǎn)體

    

      然后右邊會(huì)彈出如下圖安裝界面,接著點(diǎn)擊 Install 安裝

 安裝完畢后會(huì)有如下提示(主要提醒你安裝完中文簡(jiǎn)體漢化包后一定要重啟方可生效)

Vscode界面介紹(主要分為5個(gè)區(qū)域,分別是活動(dòng)欄,側(cè)邊欄,編輯欄,面板欄,狀態(tài)欄)

  

①:活動(dòng)欄從上到下依次為,打開(kāi)側(cè)邊欄,搜索,使用git,debug,使用插件

②:側(cè)邊欄,新建項(xiàng)目文件和文件夾

③:編輯欄,編寫代碼的區(qū)域

④:面板欄,從左到右依次為,問(wèn)題,輸出,調(diào)試欄,終端(terminal),最重要的是terminal,用來(lái)輸入相關(guān)命令

⑤:狀態(tài)欄,點(diǎn)擊  該區(qū)域可以調(diào)出面板欄

⑥:需要注意的為下圖紅框所示,分別表示鼠標(biāo)光標(biāo)所在位置和tab縮進(jìn)字符,這里為縮進(jìn)4個(gè)字符

 

新建文件和文件夾

新建文件:Ctrl+N新建文件并修改后綴即可(后綴根據(jù)所需文件來(lái),比如.html,.css,.js等)

新建文件夾

①:首先根據(jù)需要指定一個(gè)路徑(這里路徑以桌面為例),然后新建一個(gè)文件夾(這里新建的文件夾為demo1)

②:鼠標(biāo)點(diǎn)擊側(cè)邊欄第二個(gè)選項(xiàng),如下圖

③:此時(shí)會(huì)提示你沒(méi)有可以打開(kāi)的文件夾,點(diǎn)擊Open Folder按鈕導(dǎo)入桌面新建的文件夾demo1

④:把文件夾導(dǎo)入后發(fā)現(xiàn)剛剛新建文件夾名字是小寫的,現(xiàn)在變大寫了,這個(gè)不影響,不用太在意

  (右邊圖標(biāo)從左到右為,新建文件 / 新建文件夾 / 刷新 / 折疊文件)

注:新建文件一定要修改后綴,否則默認(rèn)都是text文本文件

  自動(dòng)保存設(shè)置

File(文件)- Preferences(首選項(xiàng))- Setting (設(shè)置)然后彈出下面界面,選擇User(一般會(huì)默認(rèn)選中該選項(xiàng)), 

接著如下圖選擇afterdelay選項(xiàng)即可,下面有個(gè)數(shù)字1000表示1秒,這個(gè)可自行設(shè)置,表示多少秒以后自 

  自動(dòng)格式化代碼

      File(文件)- Preferences(首選項(xiàng))- Setting (設(shè)置)

     User(用戶)- Text-Editor(文本編輯)- Formatng(格式化)

     然后勾選下圖紅色框中的選項(xiàng)后重啟Vscode即可

  Vscode更換主題

    File(文件)- Preferences(首選項(xiàng))- Color-Theme (顏色主題)

     

     然后會(huì)出現(xiàn)下圖紅色框的界面,此時(shí)按鍵盤上的上下鍵即可實(shí)時(shí)查看主題顏色,直接回車可選中對(duì)應(yīng)主題

     

     注:可以點(diǎn)擊插件直接搜索 theme 下載其它非內(nèi)置主題

  快捷鍵(只列出了很小一部分常用快捷鍵)

     Ctrl + / (單行注釋)

    Shift + Alt + A (多行注釋) 

    若要取消單行或多行注釋在按一次該快捷鍵即可

    Ctrl + Shift + Enter (上方插入一行,鼠標(biāo)光標(biāo)在當(dāng)前行的任意位置都可以直接換行到上一行)

    Ctrl + Enter (下方插入一行,鼠標(biāo)光標(biāo)在當(dāng)前行的任意位置都可以直接換行到下一行)

      Alt + Shift + F (格式化代碼,不需要全選中代碼,直接格式化即可)

      Ctrl + Shift + F (查找文件)

       點(diǎn)擊設(shè)置選擇 keyboard shortcuts,右邊會(huì)彈出所有快捷鍵目錄

    我沒(méi)有漢化中文,并不是因?yàn)橛⒄Z(yǔ)好,相反因?yàn)橛⒄Z(yǔ)太差,所以還是想邁出第一步,鍛煉一下吧

    大家不要怕,擼起袖子就是干ヾ(◍°∇°◍)ノ゙

您可能感興趣的文章:
  • 20個(gè)提高開(kāi)發(fā)效率的VS Code快捷鍵(推薦)
  • vscode入門教程之頁(yè)面啟動(dòng)與代碼調(diào)試
  • 全網(wǎng)最詳細(xì)的vscode基礎(chǔ)教程
  • python學(xué)習(xí)VSCode使用技巧帶你進(jìn)入高效開(kāi)發(fā)模式

標(biāo)簽:七臺(tái)河 忻州 萊蕪 三沙 棗莊 咸寧 許昌 汕尾

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《Vscode 基礎(chǔ)使用教程大全》,本文關(guān)鍵詞  Vscode,基礎(chǔ),使用,教程,大全,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《Vscode 基礎(chǔ)使用教程大全》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于Vscode 基礎(chǔ)使用教程大全的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    禹城市| 保定市| 昌平区| 南岸区| 汤阴县| 辛集市| 永登县| 平利县| 永州市| 陈巴尔虎旗| 泰来县| 惠来县| 邳州市| 弥渡县| 太和县| 水城县| 尼勒克县| 江城| 上杭县| 江口县| 平乡县| 进贤县| 龙泉市| 岳西县| 宝清县| 株洲市| 宁波市| 汾西县| 马公市| 女性| 白玉县| 连南| 新蔡县| 颍上县| 隆林| 保康县| 彝良县| 枞阳县| 宁化县| 金坛市| 茌平县|