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 ...
随机推荐
- IDEA搭建Android wear开发环境,Android wear,I'm comming!
随着google公布了android wear这个东西.然后又有了三星的gear,LG的G watch以及moto 360,苹果由公布了apple watch.未来可能在智能手表行业又有一场战争. 当 ...
- canvas 星空插件
(function(a){ a.fn.starBg=function(p){ var p=p||{}; var w_w=p&&p.window_width?p.window_width ...
- Apcahe Shiro学习笔记(二):通过JDBC进行权限控制
一.概述: 官方对Realm(领域)的描述:https://www.infoq.com/articles/apache-shiro 其功能本质上是一个安全特定的DAO,用于链接数据持久层(任何形式的都 ...
- Selenium学习(二)入门小例子
1)打开百度页面 2)输入“hello” 3)点击百度一下按钮 from selenium import webdriver url = "http://" + "www ...
- EasyPlayer安卓Android流媒体播放器实现直播过程中客户端快照功能
本文转自:http://blog.csdn.net/jyt0551/article/details/56942795 对于一个裸的RTSP URL,存放在播放列表上略显单调与枯燥.大家可以看到Easy ...
- 九度OJ 1114:神奇的口袋 (DFS、DP)
时间限制:1 秒 内存限制:32 兆 特殊判题:否 提交:948 解决:554 题目描述: 有一个神奇的口袋,总的容积是40,用这个口袋可以变出一些物品,这些物品的总体积必须是40.John现在有n个 ...
- send data to Flume client-sdk flume使用之httpSource
https://flume.apache.org/FlumeDeveloperGuide.html#client-sdk flume使用之httpSource - CSDN博客 https://blo ...
- UniGui的信息弹出框MessageDlg自定义标题的方法(使用JS动态本地化文本)
UniGui的信息弹出框MessageDlg的原型定义如下: procedure MessageDlg(const Msg: string; DlgType: TMsgDlgType; Buttons ...
- linux杂谈(十四):ftp的企业应用级的配置(一)
版权声明:本文为博主原创文章.未经博主同意不得转载. https://blog.csdn.net/linux_player_c/article/details/24869877 1.ftp简单介绍 ( ...
- Spring boot框架项目,使用maven命令将配置文件打包到jar包外,项目运行读取jar外配置文件
1.1 在eclipse中配置maven命令 Mvn -e clean package -Ptest -DskipTests=true 1.1.1 执行命令之后得到jar 1.2 ...