在这一章中我们会介绍如何为了添加新功能而寻找并安全新的包，如何寻找并安装新的主题，如何以一种更高级的方法处理文本，如何以任何你想要的方式自定义编辑器，如何使用git做版本控制，以及其它。...列在底下的是发布到atom.io的包，它是Atom包的官方注册处（registry）。设置面板中的搜索操作，会进入atom.io中的包注册处寻找，之后拉回任何匹配你搜索的东西。...包的设置 在Atom安装了一个包之后，那个包会出现在“Package”选项卡下面的侧面板中，同时带着Atom预先安装的所有包。...你也可以使用apm install命令安装包： apm install package_name>会安装最新版本。...apm install package_name>@package_version>会安装指定版本。 比如，apm install emmet@0.1.5会安装Emmet包的0.1.5发行版。
开发Node模块 Atom中的一些包是Node模块，而不是Atom的包。如果你想要修改这些Node模块，例如atom-keymap，你需要把它们链接到不同于普通Atom包的开发环境中。...把Node模块链接到你的Aton开发环境 下面是运行node模块的本地版本的步骤，而不是Atom中的apm。...例如，如果你的包叫做package-name而且错误的版本是v1.2.3，你可以执行如下命令： apm unpublish package-name@1.2.3 这会从 https://atom.io/...例如，如果你的包叫package-name，你可以执行如下命令： apm unpublish package-name 这个命令会从 https://atom.io/ 包注册处移除你的包。...apm publish --rename new-package-name 小结 现在你应该对Atom核心APi和系统有了更深入的理解。
如何从0开发一个Atom组件 最近用Atom写博客比较多，然后发现一个很严重的问题。。...按下回车后，将会弹出一个对话框，在框中输入要建立的包名即可完成一个Package的创建。 ? Atom会生成一套默认文件，并打开一个新的窗口。...Value的定义为：包名:触发的事件名 需要注意的是： 这里配置的快捷键还有一个作用域的概念。也就是JSON外边的那个key。...apm show 你的包名 如果没有冲突，我们就可以直接执行以下命令进行上传了。...apm publish 你的包名 后续的代码修改，只需在该包的目录下执行： apm publish 一些可选的参数： major，增加版本号的第一位1.0.0 -> 2.0.0 minor，增加版本号的第二位
如何从0开发一个Atom组件 最近用Atom写博客比较多，然后发现一个很严重的问题。。 没有一个我想要的上传图片的方式，比如某乎上边就可以直接copy/paste文件，然后进行上传。...我们先去翻看Atom的官方文档，查看关于创建插件相关的操作： 首先我们在Atom中打开命令面板，然后输入Generate Package image.png 按下回车后，将会弹出一个对话框，在框中输入要建立的包名即可完成一个...Value的定义为：包名:触发的事件名 需要注意的是： 这里配置的快捷键还有一个作用域的概念。也就是JSON外边的那个key。...apm show 你的包名 如果没有冲突，我们就可以直接执行以下命令进行上传了。...apm publish 你的包名 后续的代码修改，只需在该包的目录下执行： apm publish 一些可选的参数： major，增加版本号的第一位1.0.0 -> 2.0.0 minor，增加版本号的第二位
atom已经内置了emmet插件，用于前端开发也是一个不错的选择。...重要的是，他是跨平台的开源软件，虽然我基本上在mac上用，估计windows平台还是有很多人用editplus crack，建议考虑atom替代，你不会后悔。 编辑文件 与普通文本编辑器一样，无他。...编辑项目 atom的项目是一个松散的结构，没有特定的要求，每一个目录都可以看做一个项目。 在命令行打开一个目录，即可理解为打开了一个项目，左侧栏可以浏览、编辑该项目目录及子目录。...手动安装插件的方法： 下载tar.gz包到~/.atom/packages/中解压；或者使用git clone 直接下载源码。...install markdown-img-paste` to install this package.
atom编辑器是一个Github出品的现代的、可扩展的编辑器。和古老的Vim、Emacs相比，atom具有诸多优点。...一是出现较晚，可以使用最新出现的各种技术;二来atom使用web技术构建而成，广大的web开发者可以很容易的为atom编写扩展，提供更为强大的功能。...安装 在这里可以搜索并安装包。有一些特色包会直接显示在这里。 特色插件 其实不仅可以直接在设置界面中搜索并安装插件。atom在安装的时候还提供了一个类似npm的命令行插件管理器，叫做apm。...通过apm，可以直接以命令行方式安装包。 apm的语法如下：apm 命令名 其它参数。...这里简单列举一下apm的常用命令： 命令作用install安装某个包uninstall卸载某个包enable启用某个包disable禁用某个包search搜索某个包list列出当前安装的所有包login
从Textmate中转换 可能在Textmate中有你喜欢或者使用过的主题和语法，并且你想要把它们转换到Atom中。如果是这样的话，你很幸运，因为有很多工具可以用来转换它们。...你可以使用以下命令来转换R bundle： $ apm init --package ~/.atom/packages/language-r \ --convert https://github.com...新的包已经可以使用了，运行Atom并在编辑器中打开一个.r文件，就可以看到效果。 转换TextMate 主题 这一节会介绍如何把TextMate主题转换成Atom主题。...转换主题的工具首先解析主题的plist文件，然后创建与之对应的CSS规则和属性，它们为Atom定义相似的样式。...现在假设你已经将主题下载到~/Downloads/MyTheme.tmTheme，你可以使用以下命令来转换主题： $ apm init --theme ~/.atom/packages/my-theme
调试 Atom拱了一些工具来帮助你理解预料之外的行为和调试问题。这篇指南介绍了一些工具和方法用于帮助你调试，以及提供了一些提交工单（issue）时的帮助信息。...检查Atom和包的设置 在一些情况下，预料之外的行为可能是Atom或者某个包中的错误配置或者缺少配置造成的。...如果你发现一个包的快捷键优先级要高于核心功能包，向这个包的GitHub 仓库提交一个工单可能是个好主意。 查看是否在安全模式下出现问题 Atom绝大多数的功能都来源于你安装的包。...从命令行在安全模式下启动Atom，来检查是否是你安装的一个包导致了问题： $ atom --safe 这会启动Atom，但是并不会加载~/.atom/packages和~/.atom/dev/packages...栈轨迹可能会指向你的初始化脚本，或者安装的某个特定的包，可以禁用它们并且向Github仓库提交工单。
准备工作 操作系统：当前仅支持 OS X； 由于 atom 的 package 服务 apm 国内不可用，因此国内的朋友需要做好 Cross the Wall 的准备。...基本开发环境搭建 安装 Homebrew Homebrew 是一个方便开发者在 MAC OS X 系统上面安装 Linux 工具包的 ruby 脚本，如果你的机器还没有安装 Homebrew ，则需要执行下面的命令安装...Facebook 的一个用于监控文件变更并触发指定操作的工具： $ brew install watchman 安装 flow Flow 是一个 JavaScript 的静态类型检查器，建议安装它，以方便找出代码中可能存在的类型错误...Atom 是 Github 所推出的一个开源编辑器，其最大的特点是使用 node.js 来作为其插件语言。 到Atom的官网下载 Atom 并安装。...另一种方法是直接利用 Atom 的包管理器 apm 安装： $ apm install nuclide-installer 完成后重启一下 Atom ，Atom 就会开始完成对 Nuclide 所有插件的下载安装
第一次听说Atom是半年前天猫的学姐说她在用这款编辑器，期间我从dw到st再到webstorm都分别做了项目~，但是作为一名拥抱开源的FE，怎么能拒绝github社区维护的项目呢？...接着就让我们感受下Atom的骚气与强大吧。 ? ? Atom的优势 如何评价 Github 发布的文本编辑器 Atom？ 看看各个大神是如何评论Atom的。 为什么选择Atom 来看看官方怎么说吧....好用的插件 Atom自带apm包管理工具(类似npm)。...安装包 1.打开命令行工具 2.搜索包用的是 apm search 3.找到想要的包以后，再用 apm install 包的名字> activate-power-mode 装逼必备，效果相当赞... 让颜色相关的字符，在任何文件下都可以展示对应的高亮，强烈推荐 color-picker 推荐；写CSS时非常方便的调色板 docblockr 注释也优雅，一款用于写注释的插件。
关于如何在mac下搭建React环境这里就不详细介绍了，有兴趣的朋友可以看：在Mac上搭建RN基础环境，今天要说的是如何在mac下使用Atom＋Nuclide组合环境来开发项目。...安装Atom 如果没有的大家可以到官网下载：https://atom.io/，也可以到国内的镜像地址下载：https://npm.taobao.org/mirrors/atom/1.7.2/ ?...解压atom，打开atom，你看到的界面应该是这样的 。 ? 安装Nuclide 安装Nuclide插件有两种方式。...默认安装nuclide之后，会安装一大堆的依赖包，如果没有默认安装这些依赖包，可以选中,Packages->Settings View->Manage Packets ?...命令行安装： 安装命令，对应的githttps://github.com/atom/apm： apm install nuclide 命令行安装完成后，打开Atom，选择Packages->Settings
为了提高编写HTML和CSS的速度，最近尝试着在Atom中安装emmet插件，下面谈谈安装成功的过程 1首先我尝试了网上教程中介绍最多的方法：打开Atom的引导界面（Welcome Guide）中的install... a package选项 ?...然后搜索相关emmet的包，然而却得到下面的结果，没错，由于众所周知的原因，这种方式并不能成功 ?...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的终端上完成
你的主题中的“package.json”包必须含有一个theme键，值为ui或者syntax，为了让Atom识别为主题。 你可以在atom.io上面找到现有的主题，或者建立它们的分支（fork）。...super-white-ui 运行apm link来把你的主题符号链接到~/.atom/packages 使用cmd-alt-ctrl-L重启Atom 通过设置视图的Themes部分中的UI Theme...开发的工作流 下面是一些使主题开发更快速更简单的工具。 即时重启 在你修改你的主题之后，按下cmd-alt-ctrl-L来重启不是十分理想。在dev模式的Atom窗口下，Atom支持样式的即时更新。...开发者工具允许你查看各个元素，以及他们的CSS属性。 简单介绍请查看Google的扩展教程。 Atom 样式指南 如果你在创建一个界面主题，你可能想要一种方式来查看你的主题如何影响系统中的组件。...在包中使用 在任何你的包的.less文件中，你可以通过从Atom导入ui-variables文件来访问主题变量。 你的包应该只指定结构化的样式，并且它们应该全部来自样式指南。
安装 Atom 插件 主要是它们： atom-ternjs 用于 Javascript 和 Node.js 的自动补全 script 用于一键运行程序 自动补全插件 Atom 上的 Javascript...在 Atom 的 Settings > Install 里搜索找到 atom-ternjs 并安装。 命令行。 apm install atom-ternjs 本地安装。...Package > Atom Ternjs > Configure project ?...node 插件用于 Node.js 核心库补全，node-express 插件用于 express 补全。...另外就是 .tern-project 文件放置的位置，最好与 package.json 放在同级目录。 安装 atom-ternjs 总是失败。
首先打开Atom编辑器，然后点击菜单栏Packages->Package Generator->Generate Package，输入要创建的插件名字，然后按回车。...看了一下atom-python-run的源代码，作者的实现方式是写一个C++程序，用这个C++程序调用Python文件，时间统计在C++程序中。...如果对Git命令不熟悉的话，可以使用Git Extensions，这是Windows下最好用的图形客户端了。 发布插件 第一步是输入apm login。...登录之后，命令行切到我们插件的Git目录中，然后输入apm publish minor，稍等片刻插件就发布成功了。...这时候搜索一下Atom插件仓库，会发现我们的插件已经成功出现在了插件仓库中。这样这个插件就算开发完成了！插件地址是run-python-simply，源代码地址是Github。
效果图如下 首先使用的编辑器是ｇｉｔｈｕｂ出品的ａｔｏｍ ：https://atom.io/ 教程很多我不板砖了． http://blog.csdn.net/kangear/article/details...ｓｃｒｉｐｔ 搜索之后就能找到然后点击进入进入ｇｉｔ源代码的页面．ｇｉｔ下来放.atom/packages/下面 不要使用直接点ｉｎｓｔａｌｌ不会成功的，． image.png 之后在命令行下运行ａｐｍ...本质上是把浏览器放在本地，所以插件也基本可以用ｊｓ，ｃｓｓ写．ｓｏ ~/.atom/packages/script-runner/styles$ 修改这的样式文件把背景颜色改了－不要吐槽我的视觉．． image.png...／前端神器 git-plus/用于做ｇｉｔ的，但是我觉得还是命令行轻松点 python-tools／先装着 script-runner/好东西，用于执行脚本如ｐｙｔｈｏｎ的 terminal-plus.../特别的好东西，可以使用控制台，基本能用这个那就可以直接运行ｃ和ｐｙｔｈｏｎ等代码了 vim-mode /ｖｉｍ最好的插件． simplified-chinese-menu 中文包 atom-beautify
1.2.3 安装watchmam 第三部分:安装watchmam，该用于监控bug文件，并且可以触发指定的操作，安装方式如下: brew link autoconf brew link...但是Nuclide是在Atom基础上面提供了一系列统一的插件。所以我们需要首先安装Atom。...Nuclide项目官方地址:https://github.com/facebook/nuclide 3.1.1 Atom安装 Atom是一个开源版本的编辑器，非常强大以及完美体验，Atom...apm安装): apm installnuclide 最后重启一下Atom即可。...3.1.3 Nuclide安装(强烈推荐安装方式) Nuclide项目官方地址：https://github.com/facebook/nuclide，我们知道该项目是Facebook官方推荐的
上 github 下载插件,放在 atom 目录下的 package,重开打开软件会自动识别 3....使用 apm 命令安装,例:apm install run-in-browser 图片 Atom 插件 开发插件 主要是前端的 Package 见鬼, 随便一个插件就能写一篇 Post o...你真的是程序员?...https://atom.io/packages/markdown-writer 这是个博客 Markdown 写作神器, 最重要的是这个功能还可以集成到各个博客平台 Setup 懒得翻译了看原文吧...open-recent 这个插件可以在下一次开启 Atom 的时候打开最近开启的文件 默认没有这功能 sync-settings 这是一个可以同步当前 Atom 设置的 Package, 可以让自用的电脑和工作的电脑配置进行同步
本文是Atom 教程 制作单词计数插件的简化介绍，所有代码都来自这篇文章。如果希望参考详细的文档，请直接查看原文。这篇文章用一个简单的小例子，为我们讲解了如何编写一个Atom编辑器插件。...package.json package.json是Atom插件的描述文件，基本上和npm的描述文件类似，只不过多了几个Atom插件的特定属性。一个典型的package.json文件类似下面这样。...第二个是Atom编辑器的官方接口，我们引用了其中的CompositeDisposable组件，它主要用于事件订阅，在关闭插件的时候统一取消事件订阅。...一种常见做法是打开两个Atom窗口，一个用于编写代码，另一个随时重载并测试插件。...Atom 启动 Atom 开始加载插件 Atom 读取插件的package.json Atom 加载你的插件的键位、菜单、样式和主模块 Atom 加载插件完成 在某个时候，用户触发了插件的 your-name-word-count
导语 homebrew是Mac OS X上的强大的包管理工具，可以高效管理各种软件包，官方说法是：The missing package manager for macOS 。...一行命令： brew install --cask atom 如果想卸载了呢？...一行命令： brew uninstall --cask atom 通过看brew的帮助手册可以得知，uninstall、rm、remove三者的作用都是一样的。 再次试一试。...其实 Homebrew Cask 是 Homebrew 附带的、用来安装和管理 GUI 应用软件的工具，也就是通常有一个窗口、一些按钮的这样的应用。...而 Homebrew 是用于和它本身一样在终端使用的命令行软件的。我们只需要知道，除了在终端使用的软件，其他的软件都用 Cask 来管理就对了。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
