VS CODE 微軟旗下最好使用的前臺IDE&插件

摘要:前言Visual Studio Code 是由微軟開發的一款免費、跨平臺的文本編輯器。因為卓越的性能和豐富的插件功能,越來越受到大家的喜愛。 VS Code可以說是越來越強大,最近新添加工作區功能(可同時打開多個項目),項目管理方便了很多,作為一個后臺的我也選擇了它。通使用插件Beautify HT

前言

Visual Studio Code 是由微軟開發的一款免費、跨平臺的文本編輯器。因為卓越的性能和豐富的插件功能,越來越受到大家的喜愛。

VS Code可以說是越來越強大,最近新添加工作區功能(可同時打開多個項目),項目管理方便了很多,作為一個后臺的我也選擇了它。

VS CODE 微軟旗下最好使用的前臺IDE&插件

通使用插件

Beautify

HTML,CSS,SCSS,JS格式化

HTML Snippets

超級實使用且初級的 H5代碼片段以及提醒

VS CODE 微軟旗下最好使用的前臺IDE&插件

HTML CSS

Support

讓 html 標簽上寫class 智能提醒當前項目所支持的樣式

新版已經支持scss文件檢索

VS CODE 微軟旗下最好使用的前臺IDE&插件

CSS Peek

這款插件可以追蹤至樣式表中 CSS 類和 ids 定義的地方。當你在 HTML 文件中右鍵單擊選擇器時,選擇“ Go to Definition 和 Peek definition ”選項,它便會給你發送樣式設置的 CSS 代碼,有沒有覺得這是一個神器。

jQuery Code Snippets

jquery 重度患者必需品,廢話不多說,上圖

VS CODE 微軟旗下最好使用的前臺IDE&插件

Path Intellisense

自動路勁補全,默認不帶這個功能的

VS CODE 微軟旗下最好使用的前臺IDE&插件

Auto Close Tag

匹配標簽,關閉對應的標簽。很實使用【HTML/XML】

Atuo Rename Tag

修改 html 標簽,自動幫你完成尾部閉合標簽的同步修改,不過有些bug。

工具插件

Debugger for Chrome

讓 vscode 映射 chrome 的 debug功能,靜態頁面都可以使用 vscode 來打斷點調試,配置略微復雜少量

Minify

這款插件使用于壓縮合并 JavaScript 和 CSS 文件的應使用程序。它提供了大量自己設置的設置,以及自動壓縮保存并導出為.min文件的選項。它能夠分別通過 uglify-js、clean-css 和 html-minifier,與 JavaScript、CSS 和 HTML 協同工作。

Sass

Sass語法高亮,自動提醒功能

VS CODE 微軟旗下最好使用的前臺IDE&插件

Easy Sass

自動編譯SASS/SCSS文件,生成.css和.min.css后綴文件

Easy LESS

自動編譯.less文件,生成.css后綴文件

Gulp Snippets

Gulp代碼提醒

Gulp Task Symbol Provider

Gulp Task 運行工具,熟習Gulp的朋友可以用

VS CODE 微軟旗下最好使用的前臺IDE&插件

假如你也有好玩實使用的插件,不妨在評論區下方給小編留言一波呀~

  • 全部評論(0)
最新發布的資訊信息
【系統環境|】Java開發人員的就業優勢在哪里?看完你心動了嗎?(2019-09-25 21:31)
【系統環境|】學HTML5開發前景怎么樣?Web前端和Java誰的薪水高?(2019-09-20 16:22)
【系統環境|】web前端開發需要學習哪些技術(2019-09-17 18:00)
【系統環境|】學習web前端開發是正確的選擇(2019-09-15 16:55)
【系統環境|】干貨整理!零基礎html5網站開發學習步驟方法(保存不后悔)(2019-09-10 16:27)
【系統環境|】「前端入門」前端基本概念(2019-09-07 21:36)
【系統環境|】小白入門學習web前端,這些干貨不能少(2019-09-05 20:59)
【系統環境|】不是計算機專業,哪個專業更適合學習web前端(2019-09-03 20:31)
【系統環境|】入行web前端開發可以做什么工作(2019-09-02 20:51)
【系統環境|】什么是Web前端呢?為什么說web前端開發人員的薪資高、前景好呢?(2019-08-31 20:55)
手機二維碼手機訪問領取大禮包
返回頂部
澳洲幸运10精准人工计划