ITKeyword,专注技术干货聚合推荐

注册 | 登录

ATOM基础教程一ATOM自定义编辑器外观(9)

zsl10 分享于

2020腾讯云双十一活动,全年最低!!!(领取3500元代金券),
地址https://cloud.tencent.com/act/cps/redirect?redirect=1073

2020阿里云最低价产品入口,含代金券(新老用户有优惠),
地址https://www.aliyun.com/minisite/goods

推荐:ATOM基础教程一ATOM自定义代码片段(8)

简介 ATOM提供了自定义代码片段的功能,打开设置菜单,点击snippets即可进入snippets.cson文件进行自定义代码片段。 代码片段格式 '.选择器': '代码片段描述'

简介

Atom 的每一个窗口实际上都是一个本地渲染的网页,整个Atom的界面,可以理解成 HTML 的 DOM 树结构,因此可以使用CSS自定义编辑器的外观。

自定义编辑器外观

使用快捷键ctrl-alt-I打开编辑器内置的控制台
这里写图片描述

推荐:Atom编辑器折腾记_(20)git-control[Git版本控制插件]

题外话 Atom,风风雨雨走过一年多了.,目前最新版本是V1.7.0 .社区还是相当活跃;体验也改善了很多;但是性能上还是欠缺; 今天我再来介绍自己常用的一款插件git-cont

使用箭头选中要改变的窗体,并找到对应的样式
这里写图片描述
复制该样式粘贴到file->stylesheet.less文件下,我重新定义当前操作文件的显示效果由蓝色左边框(默认效果)改为蓝色下边框,css代码如下:

.tab-bar .tab.active[data-type$="Editor"]::after, .tab-bar .tab.active[data-type="MarkdownPreviewView"]::after { border-bottom:solid 2px #528bff; }
.tab-bar .tab::before { width: 0; }

最终效果如下:
这里写图片描述

推荐:Atom编辑器折腾记_(2)基础了解使用

启动界面 菜单栏-分为六大块: File — 文件的保存打开,项目的保存打开,最后一次的项目加载,关闭及设置中心,以及用户自定义的配置(配置文件,初始化脚本,样式风格,

简介 Atom 的每一个窗口实际上都是一个本地渲染的网页,整个Atom的界面,可以理解成 HTML 的 DOM 树结构,因此可以使用CSS自定义编辑器的外观。 自定义编辑器外观 使用快捷键ctrl-alt-I打开编辑器

相关阅读排行


相关内容推荐

最新文章

×

×

请激活账号

为了能正常使用评论、编辑功能及以后陆续为用户提供的其他产品,请激活账号。

您的注册邮箱: 修改

重新发送激活邮件 进入我的邮箱

如果您没有收到激活邮件,请注意检查垃圾箱。