Vs Code 2019軟件安裝教程及常用的入門設置


小編認為VsCode是一款非常好用的編輯器,插件豐富,支持的語言種類非常多。我所使用VsCode主要打一些前端的代碼,自己感覺very good。

點擊運行。

按圖所示操作。

安裝教程很簡單的,主要是介紹如何入門設置。

入門基礎設置

首先把編輯器的語言設置為中文,如圖所示

一些基本設置(如字體大小設置等等)在下圖找,在這里進行一些基礎的設置。

簡單介紹些主題插件的安裝流程:

第一步,點擊擴展商店搜索你要找的插件名稱如Atom One Dark Theme,點擊安裝;

安裝好了之后只是證明你本地的VS Code上面有這個插件了,還需要將當前使用的主題插件切換成你想要的才行;先打開控制面板,在搜索已安裝主題。

推薦幾款不錯主題哦

One Dark Pro

Atom One Dark Theme

Eva Theme

Material Palenight Theme

安裝使用的插件步驟如下:

這里是一些常用插件,選擇自己所用到的插件安裝。不要都安裝,安裝多了,編譯器會變慢。

VsCode部分插件安裝 選擇安裝哦

Open-In-Browse 快捷菜單中添加默認瀏覽器打開 HTML Snippets HTML代碼提示

HTML CSS Support CSS代碼提示補全

HTML Snippets HTML代碼提示

Beautify (格式化 html ,js,css)

Bracket Pair Colorizer(給括號加上不同的顏色,便於區分不同的區塊)

jQuery Code Snippets jQuery代碼提示

PHP Intelephense PHP代碼提示

Live Server 使用服務器的方式打開

easy less less編譯插件

cssrem(rem單位轉換器) 設置:文件→首選項→設置里搜索cssrem→rootFontSize一般修改為100重啟完成

vetur 語法高亮顯示

vue2 代碼補全提示

這里是一些常用的快捷鍵:

VsCode常用快捷鍵

ctrl+/ 注釋(VS只能整行注釋)

ctrl + f 搜索代碼

ctrl + tab 切換代碼頁面

Ctrl+shift+k 刪除選中行

ctrl+enter 另起一行

script:src src鏈接快捷鍵

fn+ 上下 左右 代碼頁面快捷移動

Ctrl+shift+K 刪除當前行

shift+alt+↓/↑ 快速復制當前行到下/上一行

fn+ 上下 左右 代碼頁面快捷移動

ctrl + d 快速選擇相同內容

Ctrl + h 替換代碼


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM