文章介绍了7款提高编程效率的VisualStudioCode插件，包括自动重命名标签的AutoRenameTag，代码截图工具CodeSnap，CSS导航插件CSSNavigation，图片预览插件Imagepreview，增强代码视觉效果的indent-rainbow，以及增加打字特效的PowerMode。此外，还提到了pxtorem插件，它能自动转换CSS中的单位，方便移动端和响应式开发。
1.Auto Rename Tag
Auto Rename Tag 插件可以在修改HTML 标签的时候，自动修改标签名称
2.CodeSnap
“代码照相机”，用此插件可以生成美观的代码图片。安装之后只需要在编辑器右键选择相机就可以开始截取代码段啦
比如这种：
3.CSS Navigation
超级好用的一款插件！！，我们在html 查看样式的时候，常常会找到一个样式，如果CSS文件样式比较多，找起来就会有些麻烦，而这款插件就可以实现点击跳转。
使用的时候只需要 按ctrl键+鼠标悬浮类名之上，然后点击。就可以快速跳转到此类名定义的css样式。
4.Image preview
Image preview 是图片预览插件，在css或者html文件中引入图片路径的时候，在编辑器右侧会显示图片的缩略图。方便了我们检查更新图片数据，一目了然。
5.indent-rainbow
这是一款代码美化插件，会根据缩进产生不同的颜色，可以让代码更易读。效果就是下图左侧的颜色块
6.Power Mode
非常炫酷的一款插件，敲代码的时候会产生特效，一共有7种不同的特效样式可以设置。
这款插件会爆炸，所以窗口会抖动，同时还有星星的特效。
不想要窗口抖动效果，在设置里面搜索 powermode，找到Shake intensity，修改为0，就能去掉抖动效果
7.px to rem & rpx & vw (cssrem)
一款自动转换单位的插件，在输入单位的时候，能将px、rem、rpx、vw自动提示等量转换。在开发移动端和响应式的时候尤其好用。
扫一扫
1275
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
