vscode插件

320 阅读1分钟

power mode插件

下载安装,setting.json配置(file--->preferences-->settings)

//powser mode 开始配置
"powermode.enabled": true,
//样式
// 火焰
"powermode.presets": "flames",
// 炸裂
// "powermode.presets": "exploding-rift",
// 爆炸
// "powermode.presets": "simple-rift",
// 粒子
// "powermode.presets": "particles",
// 烟花
// "powermode.presets": "fireworks",
// 魔法
// "powermode.presets": "magic",
// 回形针
// "powermode.presets": "clippy",
// 时间间隔
// "powermode.comboTimeout": 0,
// 抖动
// "powermode.enableShake": false,
// "powermode.enableShake": true,
// 随字体颜色变化
// "powermode.backgroundMode": "mask",

主题(SynthWave '84)插件

下载安装,setting.json配置(file--->preferences-->settings) 下载synthwave84.css

"synthwave84.disableGlow": true


{
  "vscode_custom_css.imports": [
    "file:///C:/Users/{your username}/synthwave84.css"
  ]
}

打开命令面板(Ctrl + Shift + P 或 Shift + ⌘ + P),找到“Enable Custom CSS and JS”,启用Custom CSS and JS Loader插件,重启VSCode,完成安装.

CSS Peek

查找页面引入公共样式,选中,右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码

HTML Boilerplate

空文件中输入 html,并按 Tab 键,即可生成干净的文档结构。

Prettier

代码格式化

vscode-leetcode 刷题

快速生成html

  • 空文档中输入!
  • 按下tab键

快速生成DOM

例子

// 空行输入div.test 
// 按下tab键
<div class="test"></div>