首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

我做了一款vscode主题! Dapanna Theme

大家好,我是Dapan,今天来分享一下我做的vscode主题插件~ 前段时间换了电脑,导致新电脑上丢失了之前的vscode主题插件,几经查找也没找到其他我喜欢的主题,于是自己动手做了一款我感觉还挺好看的...vscode主题:Dapanna Theme: 这款主题是我自己设计的,我觉得比较符合我的审美,我也拿给过身边的其他小伙伴,受到了一致好评。...下面展示一下这个主题: JS部分: HTML + CSS部分: 安装方式: 打开vscode,按Ctrl+Shift+X,搜索 Dapanna 即可;或者点击左侧扩展项→搜索 Dapanna 即可:...因为是截图,颜色可能稍有偏差,大家可以打开vscode下载查看~ 如果你也对这款主题感兴趣,欢迎下载安装; P.S....因为我不是专业的设计师,只是凭借自己对代码的感觉做的这款主题,所以如果你在使用这款主题的过程中有一些建议,欢迎在公众号后台给我留言,在这个主题中加入你的元素,我们一起维护这个主题

40440

推荐两款好看的 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.

17.9K50

上千款 vscode 精美主题,还没有你最爱?

敲代码是一件很快乐的事,如果再给编辑器加上一款好看的主题皮肤,那就不止快乐翻倍了~ 今天就给大家安利一个VSCode主题网站,上面有上千款主题可以选择,一天一款那也不够换呀...同时小师妹还精选了几款不错的主题...如何给VS Code更换主题 Mac用户 ⌘ + K 然后 ⌘ + T,会显示出所有的主题列表,按上下键可修改主题,⌘ + ⇧ + P , 在输入框中color theme,然后回车,同样也会进入主题列表...Windows用户: Ctrl + Shift + P 即可进入主题列表。...6款精选主题 1. Ayu Ayu 是一个简单的主题,有三种主题模式,Light、Mirage、Dark,小师妹最爱Mirage风格主题 2....GitHub Theme 6.One Dark Pro 只有一种风格,也是很经典耐用风格 VS Code 主题网站 vscodethemes网站上收录近1000款主题,总有一款适合你的~ 网址:

79730

手把手教你实现在Monaco Editor中使用VSCode主题

踩坑 最开始的想法很简单,直接找到VSCode主题文件,然后通过自定义主题来使用。...获取VSCode主题文件 有两种方法,如果某个主题已经在你的VSCode里安装并正在使用的话,那么可以按F1或Command/Control + Shift + P或鼠标右键点击Command Palette...把VSCode主题转换成Monaco Editor主题格式 上一步过后你应该可以发现VSCode主题的格式是这样的: { "$schema": "vscode://schemas/color-theme...退而求其次 既然VSCode主题不能直接使用,那么就只能能用多少用多少,因为Monaco Editor内置的主题token就只有那么多,那么把它所有的token颜色换成VSCode主题颜色不就行了吗...leetcode中切换主题请求的文件: 基本和VSCode主题格式是一样的,这就说明在Monaco Editor中使用VSCode主题是可以实现的,那么问题就变成了怎么实现。

3.5K41

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

最近写代码太累,眼睛疲劳,修改写主题配色 最近这边文章本人投诉侵权啦,也无所谓啦,反正这篇文章该更新啦,现在我的vscode 配置基本大变化啦!...可以解压的方式运行,下载下来,把目录弄到非系统盘,我的在E:\install_path\VSCode,打开vacode,把上面的插件安装到vscode上 ,接下来是关键以的一步,安装的插件在...主题目录在 E:\install_path\VSCode\resources\app\extensions这里会看到theme***的插件 我们看看默认的是哪个主题 那这个系统默认的主题在哪里呢...themes 这个是主题文件,基本都是json格式的 打开themes 之后 dark_defaults.json 这个就是系统默认的那个主题 package.json 可以加一个自己定制的主题文件...,package.json的内容 我自己新建一个主题的名字 重新启动vscode 以下为分类的颜色明细说明: 文本编辑区 editor.foreground :编辑区前景颜色

2.7K50

【开发环境】VSCode 开发环境 ( 下载安装 VSCode | 使用 VSCode | 资源管理器 | 生成 HTML 骨架代码 | 设置主题 | 字体设置 | 复制行操作 )

一、下载安装 VSCode 下载安装 VSCode 参考博客 【开发环境】安装 Visual Studio Code 开发环境 ( 下载 Visual Studio Code 安装器 | Visual...Studio Code ) ; 二、VSCode 资源管理器 ---- 选择 " 菜单栏 / 文件 / 打开文件夹 " 选项 , 打开时 , 选择信任该目录 ; 资源管理器 有 如下四个功能 : 新建文件...新建文件夹 刷新资源管理器 在资源管理器中折叠文件夹 三、VSCode 生成 HTML 骨架代码 ---- 创建 html 文件 , 在空白文件中 , 输入 !...width=device-width, initial-scale=1.0"> Document 四、VSCode...设置主题 ---- 点击左下角的设置按钮 , 选择 " 颜色主题 " 选项 , 在弹出的下拉菜单中选择 颜色主题 ; 五、VSCode 字体设置 ---- 字体大小设置 : Ctrl +

1.5K40

【3】VSCode 主题设置推荐,自定义配色方案,修改注释高亮颜色

VSCode 主题设置推荐,自定义配色方案,修改注释高亮颜色 设置主题: 个人比较忠爱vscode的界面,感觉比pycharm要更美观点,虽然两个都装了,但还是会习惯性打开vscode进行调试。...或者在设置--外观里面进行细致设置 vscode官网:Themes Extensions - Visual Studio Marketplace,大家可以选择自己喜欢的主题 主题推荐 One Dark...目录找到想要修改调整的主题,以我的文件路径为例:H:\VScode\Microsoft VS Code\resources\app\extensions,主题配置文件都位于resources/app/extensions..."}} 参数名 作用 name 主题ID,必需在VSCode中全局唯一,即所有主题的package.json中该值均不能重复 contributes -> themes -> label 主题名,“文件...-首选项-颜色主题”的列表中显示该值 contributes -> themes -> uiTheme VSCode整体的UI主题,vs为浅色主题 contributes -> themes -> path

10.2K30

VSCode

正文 本文针对的开发工具是vscode, 配合vue-cli创建的项目,告诉你安装什么插件,每个插件的作用,每行配置代码的作用 一、插件 网上搜索vscode插件的文章,动辄十几个,其实根本用不了那么多...standard规范有冲突,你可以点击这里查看vetur插件格式化的默认配置 既然知道了原因,我们可以覆盖它的默认配置: "vetur.format.defaultFormatter.js": "vscode-typescript...true, "vetur.format.defaultFormatter.html": "prettier", "vetur.format.defaultFormatter.js": "vscode-typescript...javascript.format.insertSpaceBeforeFunctionParenthesis": true, "editor.formatOnSave": true, "editor.tabSize": 2, 其他插件 vscode-icons...美化左边资源管理器里项目文件的图标,每一种文件后缀都对应一个图标,很直观明了 vscode-background 设置代码的背景(找张喜欢的小姐姐作为背景),腐宅必备 Path Autocomplete

1.6K50

vscode配置java环境最新_VScode中文

VScode 配置 Java 环境 1.Visual Studio Code 介绍 Visual Studio Code(简称“VS Code” )是Microsoft在2015年4月30日...3.汉化插件——Chinese 在扩展商店中 搜索 Chinese 并安装就可以 在VS code中 有很多好玩又实用的插件 可以让你的VScode 个性化。...打开 Java overview 在 VScode 中 Ctrl/commmand+shift+p 打开搜索框 输入 java overview 打开 点击左下角 Configuration 中 第一行...如果没有 刷新一下窗口 或者重新打开vscode 看一下 6.设置 setting.json 文件 在VScode中 ctrl+, 打开设置 搜索 javahome 点击 在setting.json...到这里,我们已经通过VSCode,为Java配置了强大的开发环境。 Happy Coding! 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。

1.8K20

vscode远程开发python_vscode版本

因此我开始了寻找舒适远程开发方法的无用功旅程,在此期间尝试了mobaxterm,vscode和pycharm。最后总结了下各个方法的使用情况。...二、Vscode 微软为了方便远程开发,近几年推出了组件Remote – SSH。...效果如下:这是在我windows笔记本下的vscode软件,左侧文件列表和终端都链接在了远程的linux服务器上,并且在本地可以直接查看并修改远程的python代码,同时还能使用vscode本身一些插件所带来的代码补全...唯一的一点不足就是我pycharm用多了用不惯vscode。。。...而Vscode则可以便捷查看之前终端的运行状态,并可以通过扩展插件来配置自己想要的功能。Pycharm则是介于两者之间。

1.9K61

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券