Atom 基本使用
插件
- simplified-Chinese-menu:汉化
- Markdown-preview-plus:Markdown 实时预览
- Atom 自带 Markdown-preview,这个插件是其增强版,支持 LaTeX 公式(Ctrl + Shift + X)
- 预览快捷键:Ctrl + Shift + M
- Markdown-scroll-sync:与 Markdown 编辑器同步滚动(即原Markdown文件与预览文件同步滚动)
- language-Markdown:代码增强(代码着色、代码片段生成功能)
- Markdown-table-editor:表格编辑
- Markdown-themeable-pdf:pdf 导出
- pdf-view:pdf 预览
- markdown-write:Markdown 编辑
- Markdown-preview-enhanced:预览 Markdown
踩坑 一
由于 GFW 问题,Markdown-themeable-pdf 在安装时,phantomjs 模块无法安装成功,从而导出 pdf 报告错误,解决办法:
方法 1:
- 从官网下载phantomjs二进制安装包:phantomjs
- 解压下载的phantomjs-2.1.1-macosx.zip压缩文件。
- 添加index.js文件到解压后的目录。
- 将整个目录的内容拷贝到:~/.atom/packages/markdown-themeable-pdf/node_modules/phantomjs-prebuilt,注意目录phantomjs-2.1.1-macosx被重命名为phantomjs-prebuilt
- 重启Atom,右键->Markdown to PDF即可,生成的pdf文件在Markdown文件同目录。
- 其中index.js文件内容为:
module.exports = {
path : __dirname + '/bin/phantomjs'}
方法 2:
- 安装 node.js
- 下载 phantomjs-2.1.1-window.zip ,并将其放在
C:\用户\chen\AppData\Local\Temp\phantomjs
目录下 - 打开cmd,运行
npm install phantomjs-prebuilt
踩坑 二
markdown-scroll-sync 报错: TypeError: Right-hand side of 'instanceof' is not callable。
原因是 Markdown-preview-plus 版本过高,而 Markdown-scroll-sync 版本过低导致的,卸载原来的 Markdown-preview-plus,安装低版本(推荐 2.4.16)apm install markdown-preview-plus@2.4.16
踩坑 三
Markdown-write 查看默认快捷键:Ctrl+shift+p,找到 Markdown Writer: Create Default Keymaps。
快捷键 | 说明 |
---|---|
Ctr l+ 1(2 、3等) | 添加标题 |
Ctrl + b | 加粗文本 |
Ctrl +` | 插入多行代码 |
Ctrl + ' | 插入单行代码 |
Ctrl + i | 斜体 |
Ctrl + h | 删除线 |
Ctrl + Shift + x | 切换任务 |
Ctrl + Shift + k | 插入链接 |
Ctrl + Shift + i | 插入图片 |
插件安装
- Ctrl+Shift+P 弹出设置界面,点击 install,然后输入要安装的插件即可。
- Atom 自带 apm(Atom Package Manager)包管理工具
//查找
~ apm search emmet
//安装
~ apm install emmet
//删除
~ apm remove emmet
快捷键
- Ctrl+shift+s:保存所有打开的文件
- Ctrl+\:显示或隐藏目录树
- Ctrl+shift+o:打开目录
主题
- atom-material-ui:UI 主题(特别好看)
- atom-material-syntax:语法主题
参考文章:Atom 使用基本命令
Atom 基本使用的更多相关文章
- 新编码神器Atom使用纪要
Atom是 Github 专门为程序员推出的一个跨平台文本编辑器.她很大程度上继承了SublimeText的美,而又不仅如此.有费了蛮大力气总结了一篇关于SublimeText文章: 如何优雅地使用S ...
- PHP的学习--在Atom中使用XDebug(Mac)
之前写过一篇博客<PHP的学习--在sublime中使用XDebug(Ubuntu)>,讲了在Ubuntu系统 sublime 中配置 XDebug,其实配置好之后,我也很少用,原因有两点 ...
- MAC终端命令行下用sublime、vscode、atom打开文件或目录
要知道,有时候一些小技巧,能极大的加大我们的工作效率. 在MAC下开发,用的最多的还是终端,我的终端环境是iterm2+ohmyzsh:步入正题前先给大家介绍几个小技巧: 第一个: 打开findle, ...
- atom配置web开发环境
1. 安装包 1.1 apm命令 自带apm ,没有菜单栏找install shell commands apm全称:atom package management apm installl [包的名 ...
- atom无法安装插件的解决方法之一
atom通过setting中无法下载插件,通过apm也无法下载插件,可能是网络.config配置的问题,不好解决. 下面的方法全手动,基本属于万金油方法: 1,在atom的setting页面中点击op ...
- UP board 漫谈(1)——从Atom到UP Board
title: UP board 漫谈(1)--从Atom到UP Board date: 2016-12-26 12:33:03 tags: UP board categories: 开发板 perma ...
- Atom安装以及activate-power-mode atom package插件安装
1.首先安装node.js,不然没有npm命令可用. 现在很多开源程序都使用npm来管理依赖包,所以node.js必备呀. 2.去下载atom安装包和activate-power-mode-0.5.2 ...
- Ubuntu16.04安装Atom
转自:http://blog.csdn.net/q1302182594/article/details/51304401 sudo add-apt-repository ppa:webupd8team ...
- Atom使用记录(持续更新中)
部分内容取自:http://www.jianshu.com/p/dd97cbb3c22d,我自己也在使用,持续更新中 Atom安装插件在窗口中File---Setting---install 在里面进 ...
- 号称21世纪的编辑器Atom
上个月无意中在一篇软文中看到一篇前端排行榜,其中有一项排行就是编辑器,而排在前三的编辑器分别是sublime.Atom.webstorm.出于好奇,简单的在网上查看了介绍,原来全球最大开源分享网站gi ...
随机推荐
- Vue 资源
一. 资源教程 综合类 vuejs 英文资料 Vue中文资料总汇 Vue.js 的一些资源索引 vue资料 入门类 vue 快速入门 Vue.js 中文系列视频教程 on Laravist 英文教程 ...
- 事件总线EventBus
什么是事件总线管理? 将事件放到队列里,用于管理和分发: 保证应用的各个部分之间高效的通信及数据,事件分发: 模块间解耦: 什么是EventBus? EventBus是发布/订阅的事件总线.Event ...
- 深入Garbage First垃圾收集器(三)G1中的垃圾收集
G1 GC在收集暂停的过程中会回收绝大部分堆分区,唯一的例外是多级并发标记期间的清除阶段. 在清除阶段,如果G1遇到仅仅只存放了垃圾的分区,它就会立刻收集这些分区并将它们放回空闲分区列表中,因此这些分 ...
- linux下解压命令大全(转载)
转自:http://www.cnblogs.com/eoiioe/archive/2008/09/20/1294681.html .tar 解包:tar xvf FileName.tar打包:tar ...
- iOS开发---- 开发错误汇总及解决方法
本文转载至 http://blog.csdn.net/shenjx1225/article/details/8561695 一.今天调试程序的时候,出现了一个崩溃,信息如下: 2013-02-01 0 ...
- Thread join方法的用途
主线程中会创建多个子线程做一些事情,主线程要用到这些子线程处理的数据,因此它需要等待所有的子线程处理完之后才继续运行.这就要用到join方法了.
- Cocos2d-JS开发中的一些小技巧
1.获取URL中的请求参数的值----此方法接收参数名 function getQueryString(name) { var reg = new RegExp("(^|&)&quo ...
- mysql 修改语法格式
1.修改字段注释格式 alter table {table} modify column {column} {type} comment '{comment}';
- 关于indexOf的使用
今天项目中出现一个bug,在筛选数据的时候出现了冗余数据,查找发现在indexOf方法判断的时候找到了问题的所在. package demo; public class test { public s ...
- Machine Learning in Action(2) 决策树算法
决策树也是有监督机器学习方法. 电影<无耻混蛋>里有一幕游戏,在德军小酒馆里有几个人在玩20问题游戏,游戏规则是一个设迷者在纸牌中抽出一个目标(可以是人,也可以是物),而猜谜者可以提问题, ...