VsCode 使用基礎(chǔ)_VsCode入門小技巧

2020-07-14 12:53:58

字體：大中小

供稿：網(wǎng)友

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

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

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

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

安裝

根據(jù)自己的系統(tǒng)進(jìn)行下載地址

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

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

openProject.gif

配置

請注意 vscode中的設(shè)置都是通過配置文件實現(xiàn)的沒有設(shè)置面板,配置文件分為

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

打開設(shè)置.gif

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

插件搜索安裝.gif

如果不能通過網(wǎng)絡(luò)下載但能獲得 .vsix 插件文件也可以通過本地安裝

本地安裝插件.gif

調(diào)試

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

VSCode 使用入門

安裝

下載：點我去下載
安裝：雙擊即可安裝，根據(jù)需要選擇即可。

配置

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

插件

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