VsCode 使用基礎_VsCode入門小技巧

2020-07-14 12:53:58

字體：大中小

來源：轉載

供稿：網友

Visual Studio Code（以下簡稱vscode）是一個輕量且強大的代碼編輯器，支持Windows，OS X和Linux。內置JavaScript、TypeScript和Node.js支持，而且擁有豐富的插件生態系統，可通過安裝插件來支持C++、C#、Python、PHP等其他語言。

在做LuaIde插件的時候發現很多第一次接觸VsCode 的同學會問一些基礎問題為了不必要的時間浪費,寫下這個簡單介紹:

這里是作者的插件--> LuaIde

LuaIde是用于Lua語言編輯.首先它是一個代碼編輯器,其次才是調試器.作者現階段更注重的代碼編輯的提示效果.

安裝

根據自己的系統進行下載地址

導航區資源管理區搜索GIT調試擴展(插件中心) -->需要什么插件都可以在這查找打開工作區

對VsCode 來說沒有所謂的項目,一個目錄就是一個項目(個人理解)

openProject.gif

配置

請注意 vscode中的設置都是通過配置文件實現的沒有設置面板,配置文件分為

系統默認配置全局配置 (可修改針對全局 )工作區配置(可修改針對工作區) ->設置工作區配置后vscode會在工作區目錄創建.vscode 目錄并創建setting.json setting.json文件只對工作區有用.
下圖為打開vscode配置的方法

打開設置.gif

vscode 有很多設置你可以打開設置挨個查看.這里不對每個設置進行介紹.插件安裝直接通過擴展進行搜索安裝

插件搜索安裝.gif

如果不能通過網絡下載但能獲得 .vsix 插件文件也可以通過本地安裝

本地安裝插件.gif

調試

VsCode 的調試也是通過配置來實現的,不同的插件調試配置也是不一樣的,如LuaIde的調試配置是由作者自定義的所以這一點需要注意.
調試的配置是可以設置多個的.下圖演示了LuaIde 的調試配置

VSCode 使用入門

安裝

Ctrl + Shift + P 或 F1 打開命令面板(也可以使用查看->命令面板打開)；
輸入 user set 后按回車打開用戶配置；
使用 "editor.fontFamily":"Consolas, 'Courier New', monospace" 選擇字體樣式，默認為"Consolas, 'Courier New', monospace"；使用 editor.fontSize":14 控制字體大小，默認為14；使用 "editor.wrappingColumn":0使文本自動換行，默認為300；在左側的默認配置中會有詳細的中文描述，配置文件是json格式的文本文檔。

Ctrl + Shift + P 或 F1 打開擴展面板，輸入 install 后按回車打開擴展安裝面板；或點擊側邊欄的最后一個按鈕；或使用ctrl + shift + x命令打開；或使用查看->擴展打開擴展面板。
在對話框中輸入[string ]@sort:installs可以根據下載量排序查看，選擇所需插件，單擊安裝即可。
- @sort:installs：根據下載量排序查看所有插件，asc 升序排列，desc 降序排列。
- @sort:rating ：分級查看，asc 升序排列，desc 降序排列。
- string可以為空
推薦插件：
- C/C++：添加C/C++支持，包括但不限于自動補全
- Python：自動縮進，補全，查錯，debug，代碼格式化等等
- beautify：格式化html，css，js
- vscode-icons：一款很火的圖標主題
- HTML Snippets：可以在不輸入 < 的情況下提示
- View In Browser：在瀏覽器中打開 HTML 文件
- Crane - PHP Intellisense：PHP代碼的自動補全插件
- jQuery Code Snippets：一款jQuery重度患者的插件
- Debugger for Chrome ：調試JavaScript
- Git History：顯示git log和line history