Atom基础 既然Atom在你的系统中已经安装了,让我们启动、配置并且熟悉这一编辑器吧。...修改颜色主题 设置视图也允许你为Atom修改颜色主题。Atom自带4种不同的UI颜色主题,亮色或者暗色调的Atom和One主题。同时也拥有八种不同的语法颜色主题。...在Atom中打开文件的另一种方式,是在命令行中使用atom命令。...$ atom -h Atom Editor v0.152.0 Usage: atom [options] [path ...]...Atom 模块 像许多Atom的部分一样,树视图并不直接构建在编辑器内,而是Atom默认自带的独立的包中。 你可以在这里找到树视图的代码。 这是Atom的有趣的事情之一。
via https://www.iplaysoft.com/item/atom-shortcuts 文件切换 ctrl-shift-s 保存所有打开的文件 cmd-shift-o 打开目录 cmd-...ctrl-shift-U 调出切换编码选项 查找和替换 cmd-F 在buffer中查找 cmd-shift-f 在整个工程中查找 代码片段 alt-shift-S 查看当前可用代码片段 在~/.atom...alt-cmd-shift-{ 折叠全部 alt-cmd-shift-} 展开全部 cmd-k cmd-N 指定折叠层级 N为层级数 文件语法高亮 ctrl-shift-L 选择文本类型 使用Atom
在我们介绍完Atom最基础的部分之后,我们要了解如何真正尽可能使用它了。...Atom中的包 首先,让我们从Atom的包系统开始讲起。...列在底下的是发布到atom.io的包,它是Atom包的官方注册处(registry)。设置面板中的搜索操作,会进入atom.io中的包注册处寻找,之后拉回任何匹配你搜索的东西。...包的设置 在Atom安装了一个包之后,那个包会出现在“Package”选项卡下面的侧面板中,同时带着Atom预先安装的所有包。...如果没有的话,打开Atom,运行Atom > Install Shell Commands菜单apm和atom命令。
Atom中的版本控制 对于任何项目来说,版本控制都是很重要的一个方面。Atom集成了一些基本的Git和Github功能。...Git状态(status)列表 Atom带有模糊查找的包,提供了cmd-T快捷键来快速打开项目中的文件,以及cmd-B快捷键来跳到任何已打开的编辑器。...提交(commit)编辑器 Atom可以用作你的Git提交(commit)编辑器,并自带git语法包(language-git),它添加了语法高亮来编辑提交(commit)、合并(merge)和rebase...你可以使用以下命令来设置Atom为你的Git提交编辑器。...$ git config --global core.editor "atom --wait" language-git包会通过给提交消息的第一行加上颜色,来提醒你缩短它,当它超过50和65个字符的时候
在Atom中写作 虽然Atom通常可能用来编写软件的代码,但是它还可以用来高效地编写文章。这通常采用一些标记语言,比如说Markdown和Asciidoc(也就是英文手册所用的格式)来完成。...下面我们会很快浏览一遍Atom提供给你用来写文章的一些工具。...拼写检查 如果你在处理文本(通常包括纯文本文件,Github Markdown文件和Github提交信息),Atom会自动尝试去检查你的拼写。...要向Atom尝试检查拼写的列表中添加文件类型,在你的设置视图中访问拼写检查包的设置,然后添加你希望检查的任何语法。...Atom拼写检查工具使用系统的字典,所以如果你希望在另一种语言或者区域中检查拼写,你可以很容易修改它。 拼写检查功能在atom/spell-check包中实现。
在Atom中移动 用鼠标和方向键,简单地在Atom中移来移去非常容易,然而Atom有一些快捷键,可以让你把手一直放到键盘上,更快速地浏览文档。 首先,Atom自带许多Emacs的快捷键来浏览文档。...符号浏览功能在atom/symbols-view包中实现。 Atom书签 Atom同时拥有一个非常棒的途径,在特定的一行上面加上书签,使你可以快速跳到那一行。...如果你按下cmd-F2,Atom会给那一行加上书签。你可以在整个项目中设置一些书签,并且使用它们快速跳到项目中一些重要的行。一个小的书签标识会加在行号后面,像下面这张图的第22行。...按下F2之后,Atom会跳到当前文件的下一个书签的位置。如果你按下shift-F2则会跳到上一个。...书签功能在atom/bookmarks包中实现。
昨天github通知我可以开始试用atom了。惊喜之余,立刻开始体验。 Atom是什么 Atom是github内部的编辑软件,据说已经使用了6年之久。...所以atom想做成一款初学者和Hacker都会喜欢,随着他们能力增长而增长的编辑器。 Atom基本功能 编辑器环境 ?...Atom插件系统 github在github.com/atom下开源了很多atom的package。我们随便看一个和排序相关的package —— 它能够排序选择的文本。使用起来是这个样子: ?...看上去atom的源代码来自chrome —— 我觉得atom很可能是一款以某种方式运行本地web app的浏览器。...Atom的问题 就目前两小时的使用而言,我遇到了如下问题: (1) 第一次打开atom的时候,一个help文档会被自动打开。正当我一行行看的时候,atom自己crash了。
Atom-Shell 入门 现在已经有很多框架可以让我们用JavaScript、HTML和CSS来编写跨平台桌面应用,Atom Shell便是其中之一。...Atom Shell基于nodejs和Chromium实现,Github的开源编辑器Atom便是基于Atom shell和Coffee scrpit开发的。...\atom-shell\atom.exe your-app\ Linux: ./atom-shell/atom your-app/ Mac OS X: ..../Atom.app/Contents/MacOS/Atom your-app/ 打包 你只需要把app的文件夹命名为app,并把它放在Atom Shell的资源目录下。...然后执行Atom.app(在Linux中为atom,在windows中为atom.exe)即可。然后把atom-shell文件夹压缩打包分发给用户即可。
Atom中的序列化 当一个窗口被刷新,或者从上一次会话恢复的时候,视图和它相关的对象会从JSON表达式中反序列化,它们在窗口上一次关闭时储存。...module.exports = activate: (state) -> @myObject = if state atom.deserializers.deserialize...atom.deserializers.add(class) 你需要在你的类中调用atom.deserializers.add方法来使它对反序列化系统可见。...版本控制 class MyObject atom.deserializers.add(this) @version: 2 @deserialize: (state) -> ......反序列化的时候,Atom只在版本匹配的时候尝试对其反序列化,否则返回undefined。我们计划在未来实现一个迁移系统,但是现在至少能防止你对旧的状态反序列化。
为了提高编写HTML和CSS的速度,最近尝试着在Atom中安装emmet插件,下面谈谈安装成功的过程 1首先我尝试了网上教程中介绍最多的方法:打开Atom的引导界面(Welcome Guide)中的install...2然后我又采用了第二种方式:apm install emmet,很可惜,由于同上的原因,也报错失败了 3最后我通过进入atom的package的目录下把emmet的远程库克隆下来,然后在shell输入npm...命令依次为 1.cd ~/.atom/package 2.git clone xxxxx/emmet.git 3.cd emmet/ 4.npm install 安装过程在ubuntu14.04的终端上完成
如果是基于Debian的发行版例如Ubuntu、Deepin等,可以直接下载Atom下载页面的deb安装包,然后运行 sudo dpkg -i 软件包名.deb 这样安装的软件并不能自动更新,如果想要和自带的软件包一样可以使用包管理器自动更新...deb http://ppa.launchpad.net/webupd8team/atom/ubuntu xenial main deb-src http://ppa.launchpad.net/webupd8team.../atom/ubuntu xenial main 如果是基于RedHat的发行版,例如Fedora、CentOS,可以直接下载Atom下载页面的rpm安装包,然后运行 如果是其他Linux发行版的话
简介 Atom 是 Github 专门为程序员推出的一款开源跨平台文本编辑器,基于 web 技术构建,支持多种语言开发,原生支持 git 以及 MarkDown 基础语法书写和预览。 2.
如果是基于Debian的发行版例如Ubuntu、Deepin等,可以直接下载Atom下载页面的deb安装包,然后运行 sudo dpkg -i 软件包名.deb 这样安装的软件并不能自动更新,如果想要和自带的软件包一样可以使用包管理器自动更新...deb http://ppa.launchpad.net/webupd8team/atom/ubuntu xenial main deb-src http://ppa.launchpad.net/webupd8team.../atom/ubuntu xenial main 如果是基于RedHat的发行版,例如Fedora、CentOS,可以直接下载Atom下载页面的rpm安装包,然后运行 sudo dnf install
本文作者:IMWeb 黄龙 原文出处:IMWeb社区 未经同意,禁止转载 Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器。...本文将通过简单实用的方法来带你学习 Atom 编译器的使用。...常用的插件 emmet: 提高开发效率 atom-ternjs: JS代码智能提示补全 file-icons: 文件图标 linter-jscs: jscs验证插件 linter-jscs的配置: 1....在Atom中它在编辑器的右下角 ? 点击CRLF/LF即可切换。...几个有用的链接 Atom 编辑器使用者手册 Atom官方网站 Atom github地址
光标移动 · Alt+Left or Alt+B - Move to the beginning of word · Alt+Right...
当 Atom 的扩展越装越多,配置也越来越偏离了系统默认设置时,一旦电脑重装后需要复原开发环境,这将是一件比较头疼的事,但今天发现一个扩展,可以解决这一问题,那就是「Sync Settings」,根据扩展介绍...“ Synchronize settings, keymaps, user styles, init script, snippets and installed packages across Atom...instances. ”,简言之就是可以同步 Atom 的设置文件、自定义快捷键、用户风格、初始化脚本及代码片段,还支持已安装的插件同步。 ...附录: 1、Atom编辑器折腾记_(12)Sync-setttings(插件-备份神器)
我想了一下,几乎毫不犹豫地推荐了node-webkit, 但又想起前段时间看到的atom-shell,于是也推荐了下atom-shell,随手写了个atom-shell的例子给他。...= 'darwin') app.quit(); }); // This method will be called when atom-shell has done everything //...jquery.js从code.jquery.com/jquery-1.11.0.min.js下载过来重命名即可 上述所有文件放在一个PingDemo目录中 最后执行 1 /Applications/Atom.app.../Contents/MacOS/Atom .
1、下载原始的插件包 2、解压放入atom的packages文件夹中 3、通过nodejs的npm指令进行安装 运行->cmd 4、重启atom就好了。
一、下载安装Atom 贴上官网:https://atom.io/ 自己下载安装软件 ? 二、安装插件 打开面板,可以看到如下: ? 对应的Themes就是可更换的主题。...在给大家推荐几个主题也不错,可以尝试下: isotope-ui seti-ui monokai-flat 安装插件 安装插件Atom比Sublime做的稍微细致些,Atom有对插件的设置,以及插件介绍等...js 代码提示,可以提示browser、es5、es6、jquery都可以 atom-beautify 格式化代码 atom-minify css/js压缩神器,执行压缩快捷键 ctrl-shift-m...将源码解压至Atom插件目录:C:\Users\username\.atom\packages ? 此时再进入Atom,提示错误。此时再进入相应的目录手动安装,注意需要安装Node.js环境。...atom的安装目录(windows)是 C:\Users\Administrator.atom\packages (mac 下:cd ~/.atom/packages)所以最好用命令工具进这个目录再安装
领取专属 10元无门槛券
手把手带您无忧上云