开发编辑器Atom 插件推荐和快捷键整理

前言

前端学习 开发编辑器 Atom使用配置 中主要介绍了Atom的基础概念和对前端的一些插件配置,以及一些基础技巧。这篇文章就介绍在不断使用Atom开发过程中的一些Atom的使用技巧。

这篇文章会不断更新,所以内容和之前的会有些重复,如果有不懂的,请先查看之前那篇文章。这篇文章内容全部自己尝试过的,也会随着不断使用Atom而不断更新文章。

前端插件

apm install emmet //前端常用
apm install atom-beautify //格式化
apm install minimap //代码地图
apm install autoclose-html //HTML标签自动闭包
apm install linter //lint检查
apm install linter-jshint//js检查
apm install file-icons //文件视图图标
apm install run-in-browser //使用浏览器预览

插件推荐

apm install markdown-scroll-sync // markdown preview同步滚动

使用技巧、快捷键

  • 分屏操作

    使用cmd + shift + p 打开命令面板,搜索 pane split,就会看到弹出 Pane : split Up等等选项,可以点击打开新的Pane,进行操作。

  • toogle Tree View

    cmd + \ 分屏操作时,关闭Tree View可以获得较好的编码体验。

  • 打开MarkDown Preview

    control + shift + m ,打开该Preview时默认会分屏在右边。

    安装的有 atom-beautify 插件的话,在该插件设置中 disable markdown格式化 ,否则会把markdown格式打乱

快捷键设置

‘atom-text-editor‘:
    #格式化
    ‘alt-cmd-l‘: ‘atom-beautify:beautify-editor‘
    #用浏览器打开
    ‘alt-cmd-o‘: ‘rib:run-in-browser‘
时间: 2024-11-05 18:36:50

开发编辑器Atom 插件推荐和快捷键整理的相关文章

Sublime Text 前端开发常用扩展插件推荐

Sublime Text 前端开发常用扩展插件推荐 Sublime Text Sublime Text 是程序员们公认的编码神奇,拥有漂亮的用户界面和强大的功能 更重要的是,Sublime Text 易于扩展,众多开发人员为其贡献插件,而且通过包管理工具 —— Package Control 可以方便安装和管理. Package Control 安装方法 首先通过快捷键 ctrl+` 或者 View > Show Console 打开控制台,然后粘贴相应的 Python 安装代码. Sublim

sublime Text2 个人常用的一些插件及快捷键整理

Sublime Text 2是一个轻量.简洁.高效.跨平台的编辑器,方便的配色以及兼容vim快捷键等各种优点博得了很多前端开发人员的喜爱,当然也包括我,在看到小飞的介绍后,我就一直在用了.本文推荐一些好用的插件和扩展. Sublime Text 2基本上是共享软件,免费版和收费版基本无区别,只是偶尔会弹框让你去购买,这个基本不影响使用. 1.直接安装 安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)

ATOM常用插件推荐

simplified-chinese-menu ATOM的汉化插件 file-icons 文件图标美化 atom-beautify 代码格式一键美化 last-cursor-position 光标自由切换到上一次/下一次编辑位置 minimap 代码小地图 sync-settings 插件备份.按键绑定备份 activate-power-mode 输入时有震撼效果 tortoise-svn svn插件 atom-terminal-panel atom内置命令行工具 Git/github  git

React Native编辑器Atom+Nuclide插件的配置和安装及编译项目

接下来给大家讲解下React Native编辑器,这也是Fackbook官方推荐的一款编辑器Atom结合Nuclide插件进行React Native开发,当然你也可以使用Sublime Text 3编写.当然Atom不仅是开发React Native的,主要是针对前端开发者使用的,如JS.CSS.HTML的编写等等,也支持Mark Down,具体大家百度或者谷歌即可.进入正题: 1.去官网下载Atom安装包,然后安装.https://atom.io/ 安装界面. 2.Atom安装成功后,启动.

Atom插件主题推荐

注意事项 主题和插件这方面,比 Sublime Text 人性化多了..一些比较用心的作者增加了二度设置功能. 何为二度设置,就是不用手写代码修改配置文件,点点鼠标,填填输入框就能生效,主题以 isotope-ui 这个做例子介绍,看图: 进入二度设置我再介绍 一般有二度设置的,最下面一块都有 readme 或者其他引导教程, 插件的二度设置和主题大同小异,有 二度内部都是插件功能的启用及代码部署教程, 感觉比 Sublime 人性化好多,sublime 的插件说明要自己上 Github 或者

sublime Text3配置及快捷键、插件推荐总结

一.基础 1.重要文档: sublime Text3官方文档中文版:http://feliving.github.io/Sublime-Text-3-Documentation/ sublime Text插件下载站点:https://sublime.wbond.net/ Sublime Text install package control:https://sublime.wbond.net/installation 非常好的參考文档:https://github.com/jikeytang/

IntelliJ IDEA实用插件推荐,提高开发效率

idea插件推荐 工欲善其事必先利其器,想要提高开发效率,站在巨人的肩膀上走捷径无疑是最快的!下面就给开发者朋友们推荐一些Idea实用的.装逼酷炫的插件! 实用级 GsonFormat (json格式化成entity,会创建一个类,也可以使用外部网址解决,比如bejson这个网站) Alibaba Java Coding Guidelines 代码检查工具 Rainbow Brackets (括号美化,更直观的知道当前括号对应的括号位置) translation (翻译,很实用.....) Gr

前端工程师养成记:开发环境搭建(Sublime Text必备插件推荐)

为了让自己更像一个前端工程师,决定从开发环境开始武装自己.本文将介绍前段工程师开发的一些利器的安装步骤,主要包括了: 1.Node.js的安装 2.Grunt的安装及常用插件 3.Sublime Text的安装及必备插件 一.Node.js的安装 Node.js就是一堆前端工程师捧红的,所以装上这个嘛,主要不是自己需要使用Node.js而是一堆工具对他的依赖. Windows下安装步骤很简单: 1.去到http://nodejs.org/下载最新的安装包,安装. 2.在CMD下运行,node和n

intellij idea 13&14 插件推荐及快速上手建议 (已更新!)

原文:intellij idea 13&14 插件推荐及快速上手建议 (已更新!) 早些年 在外企的时候,公司用的是intellij idea ,当时也是从eclipse.MyEclipse转过去的很是不习惯. 用了一周明显感觉爱上它了.因为它很智能,而且能纠正你很多不好的习惯. 后来跳巢到一家上市公司.因为大家都在用MyEclipse,要求开发工具统一.没办法只能转回MyEclipse.不过个人倒是一直关注intellij idea版本的发布和新的功能. 最近开始使用intellij idea