vscode常好用的插件以及幾個快捷操作


使用方法,可以在官網中搜索需要的插件或者在VsCode的“”擴展“”中搜索需要的插件
添加方法使用Ctrl+P, 輸入 ext install xxxx ,搜索要安裝的插件,點擊安裝按鈕即可(各取所需插件)

ext install HTML Snippets------------>超級使用且初級的H5代碼片段以及提示

ext install HTML CSS Support ------------>讓HTML標簽上寫class智能提示當前項目所支持的樣式

ext install Debugger for Chrome------------>讓vscode映射chrome的debug功能,靜態頁面都可以用vscode來打斷點調試、配飾稍微復雜一點

ext install jQuery Code Snippets jquery------------>提示工具

ext install Path Intellisense------------>自動路徑補全、默認不帶這個功能

ext install Npm Intellisense------------> require 時的包提示

ext install Document this------------>js的注釋模板

ext install Project Manager------------>多個項目之間快速切換的工具

ext install ESlint ESlint------------>接管原聲js提示,可以自定制體會規則。這個比較高玩、

ext install beautiful------------>格式化代碼的工具

ext install Typings Installer------------>安裝vscode 的代碼提示依賴庫,基於typtings的,比如提示angular或者jQuery只能感知、至於什么是typtings自己去百度。

ext install Bootstrap 3 Sinnpet------------>常用bootstrap的可以下

ext install Auto Rename Tag------------>修改html標簽,自動幫你完成尾部閉合標簽的同步修改,和webstorm一樣。

ext install JavaScript Atom Grammar------------>使用atom風格的語法高亮、對於習慣瀏覽atom風格代碼高亮的人實用

ext install vscode-icon------------>讓vscode資源目錄加上圖標、必備

ext install One Dark Theme------------>來自Atom的one dark主題好看實用

ext install View InBrowser------------>在瀏覽器中查看 Ctrl+F1

VSCode插件 之Open in Browser:
1.使用快捷鍵 Alt+B
2.右鍵在瀏覽器中查看

新建文件:
a. 文件——>新建文件;
b. 按Ctrl+n;
c. 點文件夾名后面的+號圖標。
新建文件夾:
點文件夾名后面的+號圖標。

拆分編輯器(分列)
快加鍵:Ctrl+\


免責聲明!

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



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