vscd 前端最实用的插件,有这几个就够了
indent-rainbow对应括号缩进代码,并用不同的颜色标注,使代码看起来更整洁,Bracket Pair Colorizer 2标记对应括号还有折线指示,好用的不行。有助于快速定位代码起始位置。chinese中文为大陆用户而生Vetur开发vue必备神器自动补全代码。语法高亮。提高代码效率。特别好用。power-mode写代码特效这是一款恒牛逼的特效打开vscd 设置搜索settings点击
indent-rainbow
对应括号缩进代码,并用不同的颜色标注,使代码看起来更整洁,
Bracket Pair Colorizer 2
标记对应括号还有折线指示,好用的不行。有助于快速定位代码起始位置。
chinese 中文
为大陆用户而生
Vetur
开发vue 必备神器自动补全代码。语法高亮。提高代码效率。特别好用。
power-mode 写代码特效
这是一款恒牛逼的特效
打开vscd 设置搜索 settings 点击打开 settings.lson
在 settings.json 中添加自己喜欢的特效
{
"workbench.colorTheme": "Atom One Dark",
"editor.minimap.enabled": false,
"window.zoomLevel": 0,
// 下面三句添加就可以
"powermode.enabled": true,
"powermode.enableShake": false,
//切换特效
"powermode.presets": "flames",
"indentRainbow.indentSetter": {
},
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
}
}
特效说明截图
“powermode.presets”: “simple-rift”
“powermode.presets”: “exploding-rift”
“powermode.presets”: “fireworks”
“powermode.presets”: “flames”
Nebula Theme
改变代码颜色 少女心最爱
Icon Fonts
提供各种图标供你使用
CSS Peek
如果你知道类或 ID 名称,它还允许你快速跳转到对应 CSS 代码的位置
Auto Rename Tag
自动重命名标签,更改开始标签时立即添加结束标签,
Prettier
自动格式话代码
Live Server
代码热更新
更多推荐
所有评论(0)