首页
学习
活动
专区
圈层
工具
发布

推荐两款好看的 Vscode主题插件

我们很多朋友都喜欢用Vscode, 我也在用。 很多朋友都是使用的自带的主题色, 十分简约, 但也有其他十分出色的主题和配色。 今天就推荐两个我比较喜欢的主题配色插件, 美化我们的工作台: 1....Vscode-icons 1. Theme - Oceanic Next ? https://marketplace.visualstudio.com/items?...itemName=naumovs.theme-oceanicnext&ssr=false#overview 这个主题配色非常漂亮,简单柔和, 不同语言的显示情况都非常好, 五星推荐。 ?...2. vscode-icons 默认主题下,vscode 的目录是我们熟悉的黑白配色: ? 安装美化之后: ? 我觉得还是有点好看的, 喜欢的朋友可以安装一下试试。...安装: Linux & Windows => File > Preferences > File Icon Theme > VSCode Icons.

18.7K50
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    VSCode主题设计

    大赛背景与意义 VSCode主题设计大赛旨在激发开发者创造力,推动编辑器个性化生态发展。优秀主题能提升编码体验,降低视觉疲劳,同时为设计师和开发者提供展示平台。...参赛要求 作品需适配VSCode最新稳定版,支持主流语法高亮 提交内容包括主题文件、预览图及设计说明文档 禁止抄袭或使用未授权素材 主题设计技术要点 色彩系统设计 遵循WCAG 2.1对比度标准,确保可读性...评判维度 美学设计:视觉层次与品牌辨识度 技术实现:覆盖核心API(workbench.colorCustomizations等) 用户体验:降低认知负荷的配色方案 开发工具链 Yo Code脚手架快速生成主题模板...VS Code Theme Test扩展实时预览 Chroma.js进行色彩可达性检测 优秀案例解析 分析往届获奖作品的配色策略,如: 深色主题使用#1E1E1E作为基准背景色 成功平衡装饰性元素与功能性的案例

    20110

    VSCode主题设计大赛

    大赛背景与意义 VSCode主题设计大赛旨在激发开发者创造力,推动编辑器个性化生态发展。优秀主题能提升编码体验,降低视觉疲劳,同时为设计师和开发者提供展示平台。...参赛要求 作品需适配VSCode最新稳定版,支持主流语法高亮 提交内容包括主题文件、预览图及设计说明文档 禁止抄袭或使用未授权素材 主题设计技术要点 色彩系统设计 遵循WCAG 2.1对比度标准,确保可读性...评判维度 美学设计:视觉层次与品牌辨识度 技术实现:覆盖核心API(workbench.colorCustomizations等) 用户体验:降低认知负荷的配色方案 开发工具链 Yo Code脚手架快速生成主题模板...VS Code Theme Test扩展实时预览 Chroma.js进行色彩可达性检测 优秀案例解析 分析往届获奖作品的配色策略,如: 深色主题使用#1E1E1E作为基准背景色 成功平衡装饰性元素与功能性的案例

    12200

    vscode 插件配置_vscode常用插件有哪些

    分享一下本人目前正在使用的一套超级舒服的Vs Code插件与配置(只有开发写代码时用的,没有摸鱼时用的),每一个插件的功能就不一一介绍了,直接上菜!!!...第一屏插件 第二屏插件 settings.json文件的配置如下 { //控制编辑器是否自动格式化粘贴的内容。..."editor.formatOnSave": true, //定义一个默认格式化程序 "editor.defaultFormatter": "esbenp.prettier-vscode", //针对某种语言...// "[vue]": { // "editor.defaultFormatter": "esbenp.prettier-vscode" // }, //禁止vetur产生提示警告 "vetur.ignoreProjectWarning...插件采用的文件图标 "workbench.iconTheme": "vscode-icons" } 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。

    1.4K20

    vscode代码整理插件_vscode安装离线插件

    1.中文插件 Chinese (Simplified) Language Pack for Visual Studio Code Auto Close Tag (自动补全html标签) Bracket...Pair Colorizer(括号颜色不同,更容易看) 代码括号颜色会对应,更容易看 Easy LESS(less语法) 配置说明: 在vsCode中使用Less方法: 在vsCode...插件管理搜索插件 Easy LESS安装,(如没安装node.js先安装一下) 在项目根目录如没有.vscode目录,需要创建.vscode目录,添加一个配置文件:settings.json 内容如下:...Material Icon Theme(文件图标) 文件显示不同的图标 Path Intellisense(识别文件,图片路径) Prettier – Code formatter(格式化插件...) 在vscode左下角图标打开设置 搜索settings 点击在settings.json中编辑 在里面配置 /* prettier的配置 */ "prettier.printWidth":

    2K30

    发布 vscode 插件

    获取 Personal Access Token 下面的例子里,我们假设组织名为 vscode,从你的组织主页(例如:https://dev.azure.com/tuyaworks)进入 Personal...现在我们已经有了 Personal Access Token,我们马上可以通过 https://aka.ms/vscode-create-publisher 创建一个发行方。...VS Code 版本兼容性 当你制作插件的时候,你需要描述插件对 VS Code 的版本兼容性——修改 package.json 中的 engines.vscode: { "engines": {..."vscode": "^1.8.0" } } 1.8.0 表示你的插件只能兼容 1.8.0 版本的 VS Code,^1.8.0 则表示你的插件向上兼容,包括 1.8.1, 1.9.0 等等...使用 engines.vscode 可以确保插件安装环境包含了插件依赖的 API。这个机制在稳定版和 Insider 版本都适用。

    2.3K20

    vscode高效开发方案【护眼绿主题,插件,和控制台】研究

    最近写代码太累,眼睛疲劳,修改写主题配色 最近这边文章本人投诉侵权啦,也无所谓啦,反正这篇文章该更新啦,现在我的vscode 配置基本大变化啦!...插曲 Rollup 打包通用项目工程库,工程化之路 配置开发插件提高工作效率 插件安装参考文章大前端插件集合 tips: 为了减少系统盘的大小或者后期重装系统造成的一些插件丢失,告诉大家一个好方案,因为...vscode 可以解压的方式运行,下载下来,把目录弄到非系统盘,我的在E:\install_path\VSCode,打开vacode,把上面的插件安装到vscode上 ,接下来是关键以的一步,...安装的插件在C:\Users\“用户”.vscode\extensions下、 ,把上面的所有文件复制到 E:\install_path\VSCode\resources\app\extensions...主题目录在 E:\install_path\VSCode\resources\app\extensions这里会看到theme***的插件 我们看看默认的是哪个主题 那这个系统默认的主题在哪里呢

    3.5K50
    领券