【工具入手】Visual Studio Code

Visual Studio Code

工欲善必先利其器javascript

以前一直用sublime,其實一直不是很滿意,好比說這個輸入法的bug,安裝markdown以後的顏色,還有各類插件安裝以後的失效,來到公司實習,折騰sublime都弄了半天,實在受不了。java

圖片描述

因而乎,我開始嘗試入手Visual studio Code,通過一天的適應,我已經決定放棄sublime。git

這款編輯器讓我以爲滿意的地方:github

  1. 功能全面,不用安裝任何插件就能夠用的飛起markdown

  2. 語法提示,代碼查看,調試支持都很不錯編輯器

  3. 對markdown的支持很是好,界面好看,預覽跟github上的同樣,perfect!函數

  4. 原生支持git(提供圖形化的操做),固然也能夠用命令,不要慌。url

缺點:spa

  1. 不支持一個窗口打開多個文件夾(因爲個人項目沒有放在一個大的文件夾裏面,因此比較麻煩)插件

這篇文章是本人對使用Visual Studio Code的整理,快捷鍵都是本人親身試驗過的(網上有些文章說的是錯的),還有一些功能待發現和總結,在之後會更新。

ps:不想引發戰爭,拒絕互相傷害

1. 快捷鍵

經常使用快捷鍵 功能
F1/ctrl+shift+p 打開命令面板
ctrl+p 搜索文件,而後跳轉到文件
ctrl+e 快速打開一個文件
ctrl+n 新建文件
ctrl+tab 標籤頁切換
ctrl+1/2/3 切換窗口(沒有分隔窗口時會進行窗口分隔)
ctrl + \ 分隔多一個窗口
ctrl+enter 當前插入一行
F11 全屏切換
ctrl+-/+ 放大縮小
ctrl+b 切換側邊欄
ctrl+shift+g 打開git

文本操做

文本操做快捷鍵 功能
ctrl+shift+k 刪除當前行
ctrl+shift+方向鍵 快速地擴大或縮小選擇範圍

搜索

搜索快捷鍵 功能
ctrl+shift+o 搜索變量或函數
ctrl+f 搜索
ctrl+h 搜索而且替換

代碼格式調整

代碼格式快捷鍵 功能
ctrl+[\] 代碼行縮進對齊
shift+alt+f format code(格式化代碼,好用)

光標移動

光標移動快捷鍵 功能
home/ctrl+home 移動到行首/文件開頭
end/ctrl+end 移動到行尾/文件結尾
ctrt+shift+{ 匹配{}
ctrl+l 跳轉到行

默認的跳轉到行的快捷鍵(ctrl+g)用不了,本身從新設置了,在文件-》首選項-》鍵盤快捷方式

重構代碼

移動快捷鍵 功能
shift+F12 找到全部的引用
ctrl+F12 修改本文件中全部的匹配
ctrl+單擊 跳至變量被定義的地方
ctrl+alt+單擊 打開分隔窗口,顯示變量被定義的地方
F2 修改一個方法名,自動修改全部的引用
ctrl+space 代碼提示

markdown

經常使用快捷鍵 功能
ctrl+shift+v 預覽

2. git

提交

  1. 方法1:點擊側邊欄的git(ctrl+shift+g),便可,看着操做便可,圖形界面,很是好看

  2. 方法2:F1->輸入git commit ->輸入commit的內容 -> git push便可

側邊提示器

對於一個git項目,在對其中文件進行修改時,VS Code將會在編輯器左側顯示出頗有幫助的指示標記。

  • 紅色三角指示有被刪除的行

  • 綠條指示新增的行

  • 藍條指示有所修改的行

3. 擴展

命令安裝

  1. ctrl+p

  2. ext install 插件名

設置代理

可能會鏈接不上,能夠設置代理

經過文件-》首選項-》用戶設置 打開全部的配置項,覆蓋HTTP configuration項

{
    "http.proxy": "http://proxyurl:port"
}

4. cmd

控制檯打開項目

在命令行下面,cd到項目所在的目錄,執行

code .

便可快速打開項目

code參數

code命令的可選參數

參數 描述
-g / --goto file:line:column,定位
-n / --new-window 打開一個新的VS Code 窗口
-r / --reuse-window 使用當前VS Code窗口打開文件或文件夾
file 打開文件
folder 打開文件夾

5. debug

後面隨着使用的深刻會繼續補充

相關文章
相關標籤/搜索