前端 VScode 常用插件

最新推荐文章于 2024-09-30 16:19:08 发布

置顶涯鱼0793

最新推荐文章于 2024-09-30 16:19:08 发布

阅读量180

点赞数 1

文章标签： vue.js html5 css3 javascript 小程序

本文链接：https://blog.csdn.net/qq_46041186/article/details/103586042

版权

Chinese (Simplified) Language Pack for Visual Studio Code

适用于 VS Code 的中文（简体）语言包
　　在这里插入图片描述

vscode-icons

设置文件图标主题
在这里插入图片描述

open in browser

右键在浏览器打开
　　在这里插入图片描述

Beautify

格式化代码
　　在这里插入图片描述

Path Intellisense

自动路径补全
　　在这里插入图片描述

Bracket Pair Colorizer

让括号拥有独立的颜色，易于区分
　　在这里插入图片描述

Live Server

提供http协议服务的插件，可以使用http进行访问本地网页
　　在这里插入图片描述

Vetur

Vue语法高亮插件
　　在这里插入图片描述

vscode wxml

微信小程序wxml语法支持为 VSCode 提供 wxml 语法支持及代码片段
　　在这里插入图片描述

cssrem

css转rem css的px和rem转换的工具插件
　　在这里插入图片描述

filesize

底部状态栏左侧显示当前文件的大小，打开可查看详细信息
　　在这里插入图片描述

Power Mode

敲打代码显示特效
在这里插入图片描述
左下角设置第三个在线服务设置上方搜索栏搜索 setting.json 出现如下

点击编辑在其中添加代码如下

//敲代码特效文件
    //powermode 开关
    "powermode.enabled": true ,
    //样式  
    // 火焰 ：flames  炸裂 ：exploding-rift  爆炸：simple-rift
    // 粒子：particles  烟花：fireworks  魔法：magic  回形针：clippy
    "powermode.presets": "fireworks" ,                                                                         
    //时间间隔
    "powermode.comboTimeout": 0 ,
    //抖动
    "powermode.enableShake": false ,
    //随字体颜色变化                
    "powermode.backgroundMode": "mask" ,