圖標(biāo)工具 vscode-icons
介紹:
VsCode中的圖標(biāo)插件粹胯,可以控制vscode中的文件管理的樹目錄顯示圖標(biāo)
screenshot.gif
官網(wǎng)地址:https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons
使用方法:
1.快捷鍵 Ctrl+P 沪悲,輸入 ext install vscode-icons 术吗,然后點(diǎn)擊安裝插件
- 右側(cè)插件商店 搜索 vscode-icons 進(jìn)行安裝
配置
安裝成功后骂蓖,點(diǎn)擊Reload重新加載腐晾。
然后配置,當(dāng)前圖標(biāo)使用VsCode-Icons
Go to File > Preferences > File Icon Theme > VSCode Icons.
相關(guān)擴(kuò)展
- vscode-圖標(biāo)的GitHub通過@dderevjanik將讓你看到所有
GitHub
帶的文件vscode-icons
圖標(biāo)丐一。- vscode-圖標(biāo)藻糖,JS通過@dderevjanik得到文件/文件夾特定的圖標(biāo)
vscode-icons
圖標(biāo)。
代碼高亮工具 Beautify
描述:
美化css库车,sass和更少的代碼(Visual Studio代碼的擴(kuò)展)
命令“beautify.format”
如果您美化其他語言巨柒,代碼/文本將被美化為Visual Studio Code的默認(rèn)格式化程序。
官網(wǎng)地址:[https://marketplace.visualstudio.com/items?itemName=michelemelluso.code-beautifier#overview)
選項(xiàng):
beautify.tabSize(縮進(jìn)代碼的制表符大心堋)
beautify.options(Beautifier選項(xiàng):https://github.com/beautify-web/js-beautify#css--html)
自動(dòng)重命名標(biāo)簽- Auto rename tag
介紹:
自動(dòng)重命名配對的HTML / XML標(biāo)記洋满,與Visual Studio IDE一樣。
重命名一個(gè)HTML / XML標(biāo)記時(shí)珍坊,會(huì)自動(dòng)重命名配對的HTML / XML標(biāo)記
usage.gif
官網(wǎng)地址:[https://github.com/formulahendry/vscode-auto-rename-tag)
配置:
添加條目auto-rename-tag.activationOnLanguage以設(shè)置將激活擴(kuò)展的語言牺勾。默認(rèn)情況下,它將["*"]被激活并將被激活所有語言阵漏。
{
“ auto-rename-tag.activationOnLanguage ”:[
“ html ”驻民,
“ xml ”,
“ php ”履怯,
“ javascript ”
]
}
注意:
應(yīng)使用VS Code中定義的語言ID設(shè)置該設(shè)置回还。以javascript定義為例,我們需要使用
javascript
for.js
和.es6
usejavascriptreact
for.jsx
叹洲。因此懦趋,如果要在.js
文件中啟用此擴(kuò)展,則需要添加javascript
settings.json疹味。
代碼對齊輔助線 -Guides
輔助線如何與內(nèi)置縮進(jìn)輔助線不同?
- 縮進(jìn)背景
- 顏色和樣式自定義
- 隱藏選擇
自定義
請查看首選項(xiàng)以查看所有可用選項(xiàng)帜篇〔谵啵可以通過自動(dòng)完成對話框訪問可能的值。以下選項(xiàng)可能會(huì)影響指南的執(zhí)行方式......
guides.indent.backgrounds:
此設(shè)置可能會(huì)導(dǎo)致多個(gè)縮進(jìn)的性能降低笙隙。每種顏色都將用于每個(gè)縮進(jìn)級(jí)別洪灯,并將循環(huán)自身。值必須采用rgba(red, green, blue, alpha)格式guides.limit.maximum:
設(shè)置-1為無限制的最大渲染邊界竟痰。
設(shè)置為浮點(diǎn)數(shù)0签钩,1將基于文檔大小的限制。例如坏快,0.5當(dāng)前文檔中的渲染指南最多可覆蓋50%铅檩。
設(shè)置為1或更多以呈現(xiàn)指定行數(shù)的最大值。guides.overrideDefault:
設(shè)置為“true”以禁止對默認(rèn)Visual Studio代碼行為的任何建議莽鸿。