vs code初體驗

Visual Studio Code

1、簡單介紹：

支持語法高亮、智能代碼補全、自定義熱鍵、括號匹配、代碼片段、代碼對比 Diff、GIT 等特性，並針對網頁開發和雲端應用開發做了優化。軟件跨平台支持 Win、Mac 以及 Linux，運行流暢 

2、界面介紹：

最左側為快捷菜單 分別是資源管理器 查詢 、Git 、調試、插件

 

 

 

3、下載地址：

https://code.visualstudio.com/Download

4、支持語言：

C++, jade, PHP, Python, XML, Batch, F#, DockerFile, Coffee Script, Java, HandleBars, R,Objective-C, PowerShell, Luna, Visual Basic, Markdown

1、Markdown（未試）

快捷鍵ctr+shift+v預覽，可以看到這個布局還是非常人性化的。

5、擴展插件

1) Html Snippets——html代碼提示 

2) VS color Picker——顏色選擇器

3) live HTML Previewer——html文件運行預覽 （待驗證）

4) SVG Viewer———SVG運行預覽（待驗證）

5) Visual Studio Code Settings Sync  用戶配置同步

6) Git History Git 歷史

7) vscode-icons 文件圖標

8) Guides 縮進輔助線

9) Git Easy

10) Debugger for Chrome---方便js調試的插件，前端項目在Chrome中運行起來之后，可以直接在VSCode中打斷點、查看輸出、查看控制台，需要配置launch.json,詳情見插件說明。

 

 

6、快捷鍵

查找替換 

Ctrl+F 查找

Ctrl+H 查找替換

Ctrl+Shift+F 整個文件夾中查找

代碼整理

Ctrl+K+C 注釋

Ctrl+K+U 取消注釋

Ctrl+ k + f 代碼自動對齊

Alt+Shift+A 代碼格式化

Ctrl+[ 、 Ctrl+] 代碼行縮進 

Ctrl+Shift+[， Ctrl+Shift+] 折疊打開代碼塊

Ctrl + G 輸入行號可以跳轉到指定的行！

 

其他

Ctrl+\ 拆分編輯器（分列，最多 3 個）

Ctrl+` 快速調出終端

Ctrl+Shift+P或 F1 : 打開命令面板

Ctrl+Shift+N 打開一個新窗口

Ctrl+Shift+W 關閉窗口（軟件）

Ctrl+N 新建文件

Ctrl+Tab文件之間切換

 

     

1. 在 Ctrl+P 窗口下還可以:
   1. 直接輸入文件名，跳轉到文件
   2. ? 列出當前可執行的動作
   3. ! 顯示 Errors或 Warnings，也可以 Ctrl+Shift+M
   4. : 跳轉到行數，也可以 Ctrl+G 直接進入
   5. @ 跳轉到 symbol（搜索變量或者函數），也可以 Ctrl+Shift+O 直接進入
   6. @ 根據分類跳轉 symbol，查找屬性或函數，也可以 Ctrl+Shift+O 后輸入:進入
   7. # 根據名字查找 symbol，也可以 Ctrl+T

7、自定義設置setting.json

文件 -> 首選項 -> 用戶設置

字體有 Source Code Pro、Menlo、Consolas、Monaco、Courier New

 

 

文件 -> 首選項 -> 顏色主題

文件 -> 首選項 -> 文件圖標主題