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 ...
随机推荐
- AngularJs 在控制器中过滤
<html> <head> <title>Simple app</title> <script src="https://ajax.go ...
- 关于TCP通信程序中数据的传递格式
前言 在之前的回射程序中,实现了字符串的传递与回射.幸运的是,字符串的传递不用担心不同计算机类型的大小端匹配问题,然而,如果传递二进制数据,这就是一个要好好考虑的问题.在客户端和服务器使用不同的字节序 ...
- Unity3d 新建xml 读取xml
在游戏开发中.Xml常常被用来作为技能配置.地图配置.人物动作配置等配置文件. Unity3d内置的Xml库让我们非常方便地就能够新建Xml和读取Xml. 以下是一个样例,新建了一个Xml文档.而且读 ...
- springboot实战--笔记
由于这本书看过一遍,所以这里是二次复习,记录的东西比较少,就不分章节了. 共12章,524页,预计时间是18h 第一章 spring基础: 第二章 spring常用配置: bean的Scope:sin ...
- 基于XML配置的Sping AOP详解
一.编写基本处理方法 package com.kang.sping.xml.aop; public class Math{ //加 public int add(int n1,int n2){ int ...
- SPDY: An experimental protocol for a faster web HTTP/2
http://www.chromium.org/spdy/spdy-whitepaper https://en.wikipedia.org/wiki/SPDY Internet protocol su ...
- tornado之异步web服务一
大部分Web应用(包括我们之前的例子)都是阻塞性质的,也就是说当一个请求被处理时,这个进程就会被挂起直至请求完成.在大多数情况下,Tornado处理的Web请求完成得足够快使得这个问题并不需要被关注. ...
- Javascript学习之三元运算符详解
本文主要是通过实例为大家介绍javascript三元运算符相关内容,希望对初学者学习这部分内容有所帮助. 实例 <!DOCTYPE html> <html> <head& ...
- duilib查看过的资料整理
1.duilib中各个类的简单介绍 2.源码分析 3.各个控件可以设置的属性 4.duilib的消息流程处理 5.工程编译入门 6.MFC中混合使用duilib制作界面 7.从Win32窗口到duil ...
- iOS反射机制:objc_property_t的使用
#import <objc/runtime.h> 需要导入这个头文件. 动态获取一个自定义类对象中的所有属性 - (NSDictionary *)allProperties { NSMut ...