@fsegurai/codemirror-theme-android-studio

CodeMirror 6 的自定义主题库.

@fsegurai/codemirror-theme-android-studio 是CodeMiror 6编辑器的主题,使其视觉接触并适应不同的编码风格和用户偏好.

目录

• 安装
  • @fsegurai/codemirror-主题与机器人-studio
  • 使用主题
• 更多资源
  • 可用主题
  • 演示应用
• 许可证

安装

@fsegurai/codemirror-主题与机器人-studio

添加 @fsegurai/codemirror-theme-android-studio 与代码Mirror 6一起到您的 package.json 使用下列命令.

bun install @fsegurai/codemirror-theme-android-studio codemirror@^6.0.0 --save

使用主题

从软件包中导入相应的主题,并将其应用到您的 CodeMiror 实例中,如下所示 .

import { EditorView, basicSetup } from 'codemirror'
import { markdown } from '@codemirror/lang-markdown'
import { androidStudio } from '@fsegurai/codemirror-theme-android-studio'

let editor = new EditorView({
  doc: '# Hello World',
  extensions: [
    basicSetup,
    markdown(),
    androidStudio
  ],
  parent: document.body
})

读取 CodeMor 文档 关于主题的更详细信息.

可用主题

主题	软件包	版本	下载
自动防御	@fsegurai/codemiror-them-abcdef
纵深	@fsegurai/codemirror-them-byss (英语)
Android 工作室	@fsegurai/codemirror-主题与机器人-studio
安多美达	@fsegurai/codemirror-them-andromeda (英语)
基本黑暗	@fsegurai/codemirror-主题基本黑暗
基本光线	@fsegurai/codemirror-主题基本光线
全部 - 捆绑	@fsegurai/codemirror-主题组合
卡通拉铁	@fsegurai/codemirror-them-catppuccin-latte (英语)
猫咪莫克	@fsegurai/codemirror-them-catppuccin-mocha (英语)
钴2	@fsegurai/codemirror-主题-钴2
德古拉	@fsegurai/codemirror-主题戏剧
森林	@fsegurai/codemirror-主题森林
GitHub 暗号	@fsegurai/codemirror-them-github-dark (英语)
GitHub 光线	@fsegurai/codemirror-them-github-light (英语)
Gruvbox 暗号	@fsegurai/codemirror-them-gruvbox-dark (英语)
格鲁弗盒光	@fsegurai/codemirror-them-gruvbox-光线
高对比度暗	@fsegurai/codemirror-them-high-contrast-dark (英语)
高对比度光	@fsegurai/codemirror -- -- 主题-高接力-光
物质暗	@fsegurai/codemirror-主题-材料-黑暗
物质光	@fsegurai/codemirror-主题-材料-光
物质海洋	@fsegurai/codemiror-主题-材料-海洋
莫诺凯	@fsegurai/codemirror-them-monokai (英语)
北部	@fsegurai/codemirror-主题规范
一个黑暗	@fsegurai/codemirror-主题一黑暗
晚间	@fsegurai/codemirror-主题晚会
罗塞·松松黎明	@fsegurai/codemirror-them-rose-pine-dawn (英语)
太阳化的黑暗	@fsegurai/codemirror-主题孤寂-黑暗
太阳能光	@fsegurai/codemirror-主题解析-光线
合成波 84	@fsegurai/codemirror-主题-合成波-84
东京之夜	@fsegurai/codemirror-them-tokyo-night-day (英语)
东京之夜风暴	@fsegurai/codemirror-them-tokyo-夜暴
火山	@fsegurai/codemirror-主题火山
VS 代码暗	@fsegurai/codemirror-them-vscode-dark (英语)
VS 代码光	@fsegurai/codemirror-them-vscode-光线

演示应用

请检查date=中的日期值 (帮助) 演示 : https://fsegurai.github.io/codemirror-主题。 。 。 .

本地设置演示:

git clone https://github.com/fsegurai/codemirror-themes.git
bun install
bun start

这将服务于本地的应用程序 http://[:1]:8000 (中文(简体) )。 。 。 .

许可证

许可证根据 麻省理工学院。 。 。 .