VS Code【插件与主题】推荐
目录
- 插件
- Auto Close Tag
- Auto Rename Tag
- Babel ES6/ES7
- background
- Beautify
- Better Align
- Better Comments
- Bookmarks
- Bracket Pair Colorizer 和 Bracket Pair Colorizer 2
- Class autocomplete for HTML
- Code Runner
- Color Highlight
- Color Info
- Color Picker
- CSS Peek
- css-auto-prefix
- ESLint
- filesize
- Guides
- Highlight Matching Tag
- HTML CSS Support
- HTML Snippets
- HTMLHint
- Image preview
- indent-rainbow
- Indenticator
- IntelliSense for CSS class names in HTML
- JavaScript (ES6) code snippets
- Markdown Preview Enhanced
- open in browser
- Output Colorizer
- Partial Diff
- Path Autocomplete
- Path Intellisense
- Prettier - Code formatter
- Regex Previewer
- Stylelint
- VS Code CSS Comments
- Windows opacity
- 主题
- - - - - - - - - - 猛男专区 - - - - - - - - - -
- AS Roma Theme
- Dracula Theme
- Level Up Tutorials Theme Official
- - - - - - - - - - 少女专区 - - - - - - - - - -
- Light Pink Theme - 亮色主题
- cozypink - 亮色主题
- Cute Pink Light Theme - 亮色主题
- Huacat Pink Theme - 亮色主题
- Lunar Pink Theme - 暗色主题
- Mr Pink - 暗色主题
- Night Pink - 暗色主题
- Palepink theme - 亮色主题
- Pink as Fox - 暗色主题
- Pink as Heck - 暗色主题
- Pink Lemonade - 亮色主题
- Pink-Cat-Boo Theme - 暗色主题
- PinkBlue Theme - 暗色主题
- pinkmare - 暗色主题
- PinkyBoo Theme - 亮色主题
- robotlights-pink - 暗色主题
- TruePink - 亮色主题
插件
Auto Close Tag
自动添加HTML/XML关闭标记,与Visual Studio IDE或sublime text相同
Auto Rename Tag
自动重命名成对的HTML/XML标记
Babel ES6/ES7
添加JS Babel ES6/ES7语法着色
background
一个车万,两个车万,三个车万
Beautify
个人认为最好用的前端代码格式化插件
Better Align
Align code without selecting them first.
Better Comments
通过使用警报、信息、待办事项等注释来改进代码注释!
Bookmarks
一个非常好用的书签工具
Bracket Pair Colorizer 和 Bracket Pair Colorizer 2
括号分层色彩高亮
Class autocomplete for HTML
HTML class=“”属性的智能自动补全
Code Runner
代码运行的万能工具
Color Highlight
十六进制颜色高亮
Color Info
提供有关css颜色的快速信息
Color Picker
使用GUI生成颜色代码(如CSS颜色符号)的助手
CSS Peek
允许查看css ID和类字符串作为从html文件到相应css的定义。允许查看和转到定义
css-auto-prefix
自动引用CSS中的某些属性
ESLint
将ESLint JavaScript集成到VS代码中
filesize
在编辑器左下方显示一个当前打开的文件大小,非常迷你的一个插件
Guides
给缩进提供更多的对齐线
Highlight Matching Tag
突出显示匹配的结束标记和开始标记
HTML CSS Support
用于HTML的CSS智能感知
HTML Snippets
完整的HTML标记,包括HTML5片段
HTMLHint
VS HTMLHint代码集成-HTML静态代码分析工具
Image preview
将鼠标移至路径,预览图片
indent-rainbow
一个非常漂亮的代码缩进显示插件,以不同颜色分隔每个缩进
Indenticator
高亮显示每个缩进
IntelliSense for CSS class names in HTML
基于工作区中的定义完成HTML类属性的CSS类名
JavaScript (ES6) code snippets
ES6语法的JavaScript代码段
Markdown Preview Enhanced
Markdown文档预览
open in browser
将当前编辑的文件在浏览器中打开
Output Colorizer
日志文件的语法突出显示
Partial Diff
比较文件内、文件间或剪贴板上的(差异)文本选择
Path Autocomplete
路径自动补全
Path Intellisense
路径自动补全
Prettier - Code formatter
一个代码格式化插件
Regex Previewer
实时预览正则表达式的匹配结果
Stylelint
VSCode的官方Stylelint扩展
VS Code CSS Comments
VSCode CSS注释片段
Windows opacity
一个能让你的窗口变得透明的插件(仅限Windows系统)
主题
- - - - - - - - - - 猛男专区 - - - - - - - - - -
AS Roma Theme
一个非常好看的主题,黑色主题基于AS罗马黑色第二套件
Dracula Theme
德古拉主题
Level Up Tutorials Theme Official
力推,一个非常酷的主题
- - - - - - - - - - 少女专区 - - - - - - - - - -
Light Pink Theme - 亮色主题
一个粉粉的亮色主题,非常可爱
cozypink - 亮色主题
一个粉粉的亮色主题,比上面那个饱和度更高一点
Cute Pink Light Theme - 亮色主题
也是粉色为主的亮色主题,但略显冷酷
Huacat Pink Theme - 亮色主题
一个很可爱的粉色调亮色主题,铺满全屏
Lunar Pink Theme - 暗色主题
一个略带紫罗兰感的粉色暗调主题
Mr Pink - 暗色主题
有一种冷酷感觉的粉色暗调主题
Night Pink - 暗色主题
像是黄昏了,一对情侣在海边亲吻
Palepink theme - 亮色主题
也是一款粉色的亮色主题,有种小猪佩奇的感觉
Pink as Fox - 暗色主题
粉狐狸,挺可爱的,有三个预设,图中是第三个预设
Pink as Heck - 暗色主题
夕阳黄昏,一位女士优雅的拿着高脚杯坐在阳台品尝红酒
Pink Lemonade - 亮色主题
充满活力的少女粉,整体色调偏红
Pink-Cat-Boo Theme - 暗色主题
一种冷酷大姐姐的感觉
PinkBlue Theme - 暗色主题
同样是三个预设,图中为第一个预设
pinkmare - 暗色主题
这一个我确实不知道怎么描述了,直接看图
PinkyBoo Theme - 亮色主题
非常干净的一个粉色主题
robotlights-pink - 暗色主题
有一种冷血又浪漫的感觉
TruePink - 亮色主题
名字取的很有意思,整体非常简洁
VS Code【插件与主题】推荐相关推荐
- 高效开发者是如何个性化VS Code插件与配置的?
译者按: IDE是生产力的保证! 原文:Visual Studio Code Settings and Extensions for Faster JavaScript Development 译者: ...
- 推荐几个 VS Code 扩展、主题和字体!
前言 工欲善其事,必先利其器. VS Code 作为当前最流行的开源代码编辑器之一,要说它为什么这么受大众喜爱,我觉得一是它现代化的界面,二是它强大的扩展系统. 得益于 VS Code 的扩展系统,我 ...
- Visual Studio Code 插件推荐安装
给大家推荐一波vs studio code好用的插件: 1).C/C++,这个肯定是必须的. 2).C/C++ Snippets,即 C/C++重用代码块. 3).C/C++ Advanced Lin ...
- 推荐几个 VS Code 扩展、主题和字体
前言 工欲善其事,必先利其器. VS Code 作为当前最流行的开源代码编辑器之一,要说它为什么这么受大众喜爱,我觉得一是它现代化的界面,二是它强大的扩展系统. 得益于 VS Code 的扩展系统,我 ...
- Atom插件主题推荐
注意事项 主题和插件这方面,比 Sublime Text 人性化多了..一些比较用心的作者增加了二度设置功能. 何为二度设置,就是不用手写代码修改配置文件,点点鼠标,填填输入框就能生效,主题以 iso ...
- Atom编辑器折腾记_(3)插件主题推荐
注意事项 主题和插件这方面,比Sublime Text人性化多了-一些比较用心的作者增加了二度设置功能. 何为二度设置,就是不用手写代码修改配置文件,点点鼠标,填填输入框就能生效,主题以isotope ...
- 推荐windows live writer插件(有图有真相有下载,有最好的code插件)
博客园本身提供的博客editor工具,用起来是很揪心的,网速慢点,博客后台反应就很迟钝,插入图片,插入代码,页面布局都不是很方便.windows live writer是一款不错的博客客户端,而且又提 ...
- 10种JavaScript开发者必备的VS Code插件
摘要: 好的代码插件可以让工作效率翻倍,心情也更加舒畅! 原文:10 Must-have VS Code Extensions for JavaScript Developers 作者:Michael ...
- vscode更改插件路径_用好这7个 VS Code 插件,效率蹭蹭涨!
作者: LittleGinger 来源: 玩转VS Code Git 增强:GitLens GitLens增强了 VSCode 中内置的 Git 功能,它能够提供更多的版本控制功能来增强你的VSCod ...
- 从零开始开发 VS Code 插件之 Translator Helper
本文目录 Translator Helper 介绍 开发概述 创建第一个VS Code Extension 需求分析 操作文本 调用Google Translation API 实现核心功能 配置命令 ...
最新文章
- 标题:ASP.NET几种进行性能优化的方法及注意问题
- 【剑指offer】数字在排序数组中出现的次数
- 蓝桥杯 试题 入门训练 序列求和——6行代码AC
- ThreadPoolTaskExecutor和ThreadPoolExecutor区别
- 8中间件,csrf跨站请求伪造,auth模块
- c oracle代码,实现单一源代码 - 
Oracle® Developer Studio 12.5:C 用户指南
- 安装linux后没有网卡驱动,重装完centos6.5后没有网卡驱动的解决方法
- 新版PMP考试解题技巧有哪些?总结在这里
- Unity3D快速入门超详细视频教程(全套免费送)
- mysql卸载后重装不_mysql卸载无法重装怎么办?
- 为什么SICP要讨论那么多的初等数学
- 光立方原理讲解_3D打印设备SLA工艺原理是什么?
- DirectX12(D3D12)基础教程(八)——多显卡渲染基础、共享纹理、多GPU同步
- 分数阶微分_分数微分特征
- Opencv入门(播放AVI视频)
- OKHttp源码解析 (复用连接池)
- 2018年11月TIOBE编程语言排行榜,Java稳居第一
- Excel中杂乱的图片,一键就可以让它们对齐行
- (转)洗剑炉——一个刚离职运营商员工的心声——别了,你的电信!
- [HNOI2004]宠物收养所 SBT
热门文章
- 洛必达法则讲解和例题
- Chapter1.1:自动控制系统基本概念
- android怎么判断程序进入了后台,Android 判断App是否进入后台
- 全栈技术人该具备的技术资源
- 包裹算子对求解包裹相位差分时的作用
- 配置无线打印路由器(暂存)
- 【超图+CESIUM】【基础API使用示例】22、超图|CESIUM - 标绘面:Cesium.DrawHandler绘制面Cesium.DrawMode.Polygon
- c语言中延时的作用,在c语言中如何实现延时功能?
- 使用Arduino Uno构建一个巡线机器人
- Spring Boot注解的运行原理