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

最新推荐文章于 2019-09-04 20:55:31 发布
最新推荐文章于 2019-09-04 20:55:31 发布
阅读量5.5k 收藏 2
点赞数
分类专栏： atom ATOM基础教程 文章标签： atom 编辑器 控制台
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zsl10/article/details/51882966
版权
本文是ATOM基础教程的一部分，介绍了如何通过CSS自定义Atom编辑器的外观。通过使用内置控制台选择元素并修改样式，作者在`stylesheet.less`文件中添加CSS代码，将当前操作文件的显示效果从蓝色左边框改为蓝色下边框，实现了个性化界面的定制。
摘要由CSDN通过智能技术生成

简介

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

自定义编辑器外观

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

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

.tab-bar .tab.active[data-type$="Editor"]
最低0.47元/天 解锁文章
zsl10
关注
专栏目录
ATOM基础教程一ATOM自定义代码片段(8)
zsl10的专栏
07-10 5766
简介ATOM提供了自定义代码片段的功能，打开设置菜单，点击snippets即可进入snippets.cson文件进行自定义代码片段。代码片段格式'.选择器': '代码片段描述': 'prefix':'字母组合' 'body': '输出的代码片段' 选择器指定了自定义的代码片段将在哪种语言环境下生效，选择器的名称对应的语言包的Scope字符串值，可以在ATOM编辑器查找每个语
Atom编辑器入门到精通(一) 安装及使用基础
热门推荐
u010494080的专栏
12-21 10万+
Atom是GitHub推出的一款编辑器,被称为21世纪的黑客编辑器,主要的特点是现代,易用,可定制.
Atom换自己喜欢的背景
IMWTJ123的博客
09-04 1891
一、下载扩展包editor-background 点击file选择Settings,点击安装扩展包/主题，在输入搜索中输入editor-background,点击安装，如图： 二、设置 点击设置，按"ctrl+shift+e"快捷键，如图，选择自己喜欢的图片，并选择apply。 三、成功 ...
ATOM 编辑器使用心得
走在江边的小兵
10-09 3万+
这久一直在找合适自己的编辑器，总是感觉不同的编辑器有不同的好处和坏处，希望能够有一个结合大家之所长，结果呢发现了一款不错的编辑器，虽然不是自己所想的但是还不错，接到给大家，和一些自己使用的心得！ 编辑器的名称叫ATOM ATOM：一个21世纪的一个黑客文本编辑器（是不是这样只有自己试过才知道） 连接地址：https://atom.io/ 安装步骤：官方下载，之后是一个.exe文件，很小，解
atom添加背景颜色
sinat_37000533的博客
12-24 4020
在 File -> Stylesheets 里写  CSS: .pane{  background-color:rgb(199,237,204);}.editor {background: rgba(0, 0, 0, 0.1);}
Atom设置震撼的编辑效果
火雨(Nick)
12-04 1万+
Atom设置震撼的编辑效果        在代码编辑器、文本编辑器领域，有着不少的「神器」级的产品，如历史悠久的 VIM、Emacs 以及如今当红的SublimeText。另外还有 EditPlus、NotePad++、UltraEdit 等一大堆流行的利器，可谓百家争鸣。         然而，作为目前全球范围内影响力最大的代码仓库/开源社区，GitHub 的程序
Atom-ide-haskell,用于Atom编辑器的Haskell IDE插件。对原子的贡献.zip
09-18
Atom是一款基于Web技术的开源文本编辑器，由GitHub开发，它支持自定义配置和丰富的插件生态系统，使开发者能够根据自己的需求打造个性化的编程环境。 这款插件将Atom转变为一个功能齐全的Haskell开发平台，提供了...
atom-docs:Github Atom 编辑器和 Atom Shell 的文档
06-19
Atom 编辑器是 GitHub 推出的一款开源文本编辑器，它基于 Electron（原名 Atom Shell）框架构建，旨在提供一个可高度自定义且功能强大的代码编辑环境。Atom Shell 是一个基于 Chromium 和 Node.js 的应用开发框架，...
Atom使用教程资源大全全套.pdf
09-17
Atom是一款开源的、跨平台的文本编辑器，由GitHub开发，被誉为“21世纪的代码编辑器”。它具有丰富的插件系统，支持多种编程语言，是开发者们喜爱的工具之一。本教程旨在全面介绍Atom的使用，帮助你快速掌握这款强大...
Atom设置透明背景色
弯道超车
05-05 2719
打开atom的自定义样式 在Atom里 快捷键Ctrl+Shift+P, 输入 “open your stylesheet” 在Atom里 快捷键Ctrl+Shift+P 输入"Welcome guide",在打开的面板里选择“Customize the Styling”-"Open your stylesheet" 编辑打开的style.less...
当前主流的跨平台的三大编辑器(Atom,sublime,vscode)对比
进击的码农
10-17 8万+
有一个传言:世界上有三种程序猿,一种是用Emacs的,一种是用Vim的,一种是用其他编辑器的.好吧,Vim和emacs功能之强大也无需我在这里多言了,网上一搜一大把. 因为vim和emacs学习曲线比较陡,作为第三种程序员我们还是来看看当前一些简单好用的主流编辑器吧!
atom编辑器的使用
is_shawn的博客
10-22 3129
Atom编辑器 Ctrl+单击（进行跳转） 何为ATOM 2 为什么用ATOM 2 常用快捷键–亲测及翻译 2 设置主题 5     插件推荐 6 前端必备插件篇 6 插件–美化篇 6 插件–协作篇 6 插件–键盘侠 6 插件–加强 6 实时页面（不用手动刷新页面） 7 分屏使用 7       详细用法:http://www.07net01.com/2015/0
Window上Atom如何自定义安装目录
寻找09之夏的博客
03-26 4899
1. 打开链接地址：https://atom.io/，下载如下软件。官网可能下载太慢，百度网盘地址：点击打开链接2.将下载的压缩包放在你需要安装的目录，点击里面的“atom.exe”，即可打开软件，为了方便，建立快捷方式。...
Atom编辑器入门到精通(四) Atom使用进阶
u010494080的专栏
03-27 3万+
在本节中将介绍Atom提供的更高级的使用技巧,通过这些技巧将会进一步提高你的代码编写效率
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值