Atom编辑器体验

发布日期:分类:Web 相关 Atom编辑器体验有2条评论
时效性提醒:本文首次编写发布于9年前。

Atom代码编辑器是GithubGayhub出的一款免费开源的代码编辑器,用起来感觉跟Sublime差不多,不过atom有着更方便的插件安装和设置界面,而且功能也比sublime多些,并与Git十分和谐。

使用过程中,也发现了一些问题,这里来讲一下我的解决方法。

首先是常用的插件,默认的atom是不带代码地图的,需要安装minimap插件,在设置->安装中搜插件的名字就可以了,除此之外,还推荐下图中的这几个插件:

接下来,安装simplified-chinese-menu这个汉化插件,就有中文了。

 

在Linux下会有中文的显示问题,首先解决编辑器的中文显示,在设置->编辑器设置里加上文泉驿正黑即可:

然后解决界面上的中文显示问题,首先按Ctrl+Shift+p调出Command Palette,然后找到Open You Style

然后在里面添加下列内容(把Source Code Pro改成你喜欢的字体)

/* 等宽字体 */
@mono-font-family: "source code pro", "Hiragino Sans GB", "Microsoft YaHei","WenQuanYi Micro Hei", sans-serif;
/* 非等宽字体 */
@font-family: "ubuntu", "Hiragino Sans GB", "Microsoft YaHei","WenQuanYi Micro Hei", sans-serif;
html,
body,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
span,
pre,
section,
input,
textarea,
.atom-panel,
.status-bar,
.tree-view,
.title,
.current-path,
.tooltip {
    font-family: @font-family;
}
.autocomplete-plus span,
code,
.-tree-view-,
.symbols-view,
.editor {
    font-family: @mono-font-family;
}
.editor {
    font-size: 14px;
}


之后就能愉快的玩耍了

最后附上Atom编辑器的官网:atom.io

 

8-22更新:随着之后的使用,又发现了几个很好的插件:

Atom Material UI一个很酷炫的主题,按照它的说明安装对应的主题会更好
git-plus按Ctrl+Shift+H可调出git菜单,里面有checkout、add、commit、push等操作
autoclose-html自动关闭HTML标签
tool-bartool-bar-main两个都安装后会有一个酷炫的功能按钮栏

 

8-23更新:如果觉得atom-material-syntax的选择文字背景太淡看不清,将.atom/packages/atom-material-syntax/styles/syntax-variables.less的第10行改成:

@syntax-selection-color: rgba(128, 203, 196, 0.5);

作者:WuSiYu

学生,Web开发者,智能硬件&IOT爱好者

2条评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注