發(fā)文章
發(fā)文工具
撰寫
網(wǎng)文摘手
文檔
視頻
思維導(dǎo)圖
隨筆
相冊(cè)
原創(chuàng)同步助手
其他工具
圖片轉(zhuǎn)文字
文件清理
AI助手
留言交流
這篇文章只要讓你做一些基礎(chǔ)的配置,把vscode變得更加順手;
插件的需求不是一成不變,比如在新版就已集成的就可以移除了。
Auto Close Tag : 匹配標(biāo)簽,關(guān)閉對(duì)應(yīng)的標(biāo)簽。很實(shí)用【HTML/XML】
Auto Rename Tag : sublime和webstorm也有這個(gè)內(nèi)置功能,改變標(biāo)簽的時(shí)候同時(shí)改動(dòng)開閉合標(biāo)簽;【HTML/XML】
beautify : 良好的拓展性,可以格式化JSON|JS|HTML|CSS|SCSS,比內(nèi)置格式化好用
JSON|JS|HTML|CSS|SCSS
Code Runner : 代碼編譯運(yùn)行看結(jié)果,支持眾多語言
colorize : 會(huì)給顏色代碼增加一個(gè)當(dāng)前匹配代碼顏色的背景,非常好
Document This : JSDOC注解調(diào)用,值得易用
Git History : 不得不贊的插件,誰用誰知道,功能很贊
HTML CSS Support : 這個(gè)也是必備插件之一
Path Autocomplete : 路徑智能補(bǔ)全
Path Intellisense : 路徑智能提示.
SCSS IntelliSense Preview : SCSS智能提醒,配置強(qiáng)大
Syncing: 這個(gè)同步插件要比官方市場(chǎng)那個(gè)最高下載量的要好,支持刪除同步?。?!
Version Lens : 可以及時(shí)看到package.json內(nèi)部版本的變動(dòng),很實(shí)用
package.json
Output Colorizer : 可以終端日志輸出著色,實(shí)用
JavaScript (ES6) code snippets : ES6的代碼片段,實(shí)用
JavaScript Snippet Pack : ES5及以下的代碼片段,實(shí)用
stylelint : 比內(nèi)置的要全,更智能
Panda:用了相當(dāng)久的一套顏色高亮,個(gè)人感覺很耐看
Enki Theme (Material Design Inspired) : 當(dāng)前用的代碼高亮,個(gè)人感覺很贊
Material Icon Theme : 一套扁平化的文件圖標(biāo),內(nèi)置的seti也很優(yōu)秀,還有simple icon 和vscode-icons
seti
simple icon
vscode-icons
這次推薦的都是必備的,下一波是NG2+TS2推薦插件
來自: instl > 《VSCode》
0條評(píng)論
發(fā)表
請(qǐng)遵守用戶 評(píng)論公約
XML and how it will change the Web
XML and how it will change the Web.Now that I‘ve laid to rest Web developers‘ biggest concern about XML, let‘s consider what impact XML will have on the Web. XML will establish a unive...
史上最牛逼的 VSCode 插件,提高開發(fā)效率!
成對(duì)的彩色括號(hào),讓括號(hào)擁有獨(dú)立的顏色,便于區(qū)分。高亮顯示對(duì)應(yīng)的HTML標(biāo)簽以及標(biāo)識(shí)出對(duì)應(yīng)的各種括號(hào)。自動(dòng)補(bǔ)全標(biāo)簽9、Auto Rename Tag....
11個(gè)你不需要的 VS Code擴(kuò)展
''''''''html.autoClosingTags'''''''': true,''''''''javascript.autoClosingTags'''...
編寫 ""純html"" jsp應(yīng)用--學(xué)會(huì)使用 jstl
剛開始用JSP做web應(yīng)用的時(shí)候,象使用PHP,ASP一樣用JSP,在HTML代碼中夾雜著一大堆的 scriptlet---即java 代碼段。使用Servlet雖然可以使用JSP的對(duì)象,但卻不能象javaBean靈活地插入到 html 中--所以,...
jsp 自定義標(biāo)簽 二
使用自定義標(biāo)簽實(shí)現(xiàn)JSP頁面和代碼的分離[ 2006-06-04 12:11:52 | 作者: yuhen ] 字號(hào): 大 | 中 | 小 在上篇《使用JavaBean實(shí)現(xiàn)JSP頁面和代碼分離》中,我們使用JavaBean來達(dá)到分離的目的。<jsp-conf...
簡(jiǎn)單整理HTML5的基本特性和語法
HTML5 元素HTML5 元素使用起始標(biāo)簽和結(jié)束標(biāo)簽標(biāo)記。一個(gè) HTML5 文檔的標(biāo)記看起來就像下面這樣:XML/HTML Code復(fù)制內(nèi)容到剪貼板 <!DOCTYPE html> <html> <head> <meta ch...
XML標(biāo)記語言的基本概念及語法入門教程
XML 語法下面是一個(gè)完整的 XML 文檔:XML/HTML Code復(fù)制內(nèi)容到剪貼板 xml version=''''''''1.0'...
同主題
同主題發(fā)信人: one4all4one (one4all4one), 信區(qū): NewSoftware標(biāo) 題: [原創(chuàng)]介紹幾款文本編輯器-推薦PSPad發(fā)信站: 水木社區(qū) (Fri May 8 17:57:49 2020), 站內(nèi)。3.html/xml標(biāo)簽自動(dòng)完成.工作需要經(jīng)常...
解決 vs code 打開文件總是只有一個(gè)tab標(biāo)簽頁,新打開的tab標(biāo)簽頁會(huì)替換掉舊的tab標(biāo)簽頁
解決 vs code 打開文件總是只有一個(gè)tab標(biāo)簽頁,新打開的tab標(biāo)簽頁會(huì)替換掉舊的tab標(biāo)簽頁在Visual Studio Code1.設(shè)置. show tabs 取消打勾,再次打勾2.關(guān)閉預(yù)覽功能。設(shè)置中搜索 workbench.editor.enabl...
微信掃碼,在手機(jī)上查看選中內(nèi)容