Atom编写Markdown

Atom简介

Atom是GitHub开发的一款跨平台(Windows、Mac、Linux)文本编辑器,2015年Atom正式发布1.0版,开源,至于收费目前还没有听说,传言成熟后商用会收费;

Atom是基于web技术构建的,界面看起来比其他的IDE更美观、更现代化,虽然Atom支持多种语言开发,但个人觉得目前Atom在编写Java等服务端代码还算不上是个强大的IDE,我用Atom主要来写普通文本、Markdown、前端代码。虽说Atom比较轻量级,实际使用过程中我发现Atom还是比较耗费电脑资源的;

Windows下傻瓜式安装即可,Unbutu下deb安装:dpkg -i atom.dep

备注:Unbutu下Atom安装需要依赖git,所以需要先确保git先安装;

使用前的基本设置

show welcome Guide when opwning Atom去掉勾选,这样下次打开的时候就会记住上次的编辑页面,而不是每次都打开新的页面;

Packages-->Setting Views-->Open-->Themes,可以自己修改主题,也可以安装其他的主题。我个人喜欢Atom light;

install 搜索并安装file-icons,这样工程文件会多出一些下图标,看起来更好看。

install 搜索并安装markdown-scroll-sync,这样将markdown-preview的编辑区和预览区同步滚动,使用起来更方便一些。

Atom常用功能介绍

Atom原本就支持Markdown的书写和预览,所以直接创建*.md文件,使用快捷键Ctrl+Shift+M即可打开Markdown的预览界面。预览效果如下图所示:

Atom.png

Crtl+Shift+p打开搜索面板,输入mk,可以将Markdown文件输出为html文件,输出为PDF文件等,还可以切换且他Markdown语法编译器预览模式。如图所示:

Atom1.png

Packages-->Setting Views-->Mange Packages可以查看到已经安装的Markdown语法转换器

Atom编写Markdown常用插件

Packages-->Setting Views-->Install Packages/Themes可以安装插件或者其他的主题,Atom编写Markdown常用插件:

atom-beautify 是一个格式化代码的插件,支持HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C,CoffeeScript, TypeScript, SQL等多种语言。 安装后可以使用 Crtl + Alt + B 快捷键进行格式化。

autocomplete-* 系列包含各个语言的代码自动补全功能,你需要什么语言的就可以下载该语言相关的插件即可。 Atom原本就支持Markdown语法,不用安装额外语言代码插件,但是建议安装下面几个插件:

language Markdown

autocomplete-paths:填写路径的时候有提示

autocomplete-html:html代码提示补全

autocomplete-css:css代码提示补全

autoclose-html: 自动闭合html标签

Atom常用快捷键

Crtl+Shift+M 打开默认Markdown实时预览

Crtl+Shift+p 打开搜索面板,可以查询安装包、Themes等各种选项

Crtl+Shift+f 全局查找和替换(默认不区分大小写,Crtl+Shift+c可以切换是否区分)

Crtl+f 文件内查找和替换(默认不区分大小写,Crtl+Shift+c可以切换是否区分)

Crtl+\ 显示或隐藏目录树

Crtl+Alt+b 格式化代码(需要安装atom-beautify)

atom写css,Atom编写Markdown相关推荐

  1. dll文件用什么语言编写_零基础学习markdown标记语言语法,十分简单便捷编写markdown文件...

    引言:在完成了使用开源的Atom软件搭建好编写markdown的环境后,接下来就进行我们的第一个markdown文件的编写,同时学习markdown标记语言的基础语法,都是十分简单的一些标记,如果学习 ...

  2. Atom编写Markdown

    2019独角兽企业重金招聘Python工程师标准>>> Atom简介 Atom是GitHub开发的一款跨平台(Windows.Mac.Linux)文本编辑器,2015年Atom正式发 ...

  3. 在react项目中编写css,更好的在react项目中写css代码--emotion

    简介: emotion是一个JavaScript库,使用emotion可以用写js的方式写css代码.在react中安装emotion后,可以很方便进行css的封装,复用.使用emotion后,浏览器 ...

  4. 2020-09-30WEB前端开发准备-Atom编辑器使用说明 Atom常用插件推荐 Atom快捷键

    Atom 前言 ATOM node.js 插件 atom-beautify open in Browser Browser-plus color-picker Emmet 快速生成Html 快速生成元 ...

  5. WEB前端开发准备-Atom编辑器使用说明 Atom常用插件推荐 Atom快捷键

    Atom 前言 ATOM node.js 插件 atom-beautify open in Browser Browser-plus color-picker Emmet 快速生成Html 快速生成元 ...

  6. atom feed_适用于Atom Feed的Spring MVC

    atom feed 如何仅使用两个类就将提要(Atom)添加到Web应用程序? Spring MVC呢? 这是我的假设: 您正在使用Spring框架 您有一些要发布在供稿中的实体,例如"新闻 ...

  7. css 设置表格右边有图片_我写CSS常用的方法

    在这里想与你分享一个由各大CSS网站总结推荐的20个有用的规则和实践经验集合.有一些是面向CSS初学者的,有一些知识点是进阶型的.希望每个人通过这篇文章都能学到对自己有用的知识. 1.注意外边距折叠 ...

  8. Atom使用教程:Atom下载,Atom汉化教程,Atom常用插件

    Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器.具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,Java等网页编程语言.它支持宏,自动完成分屏功能,集成了文 ...

  9. typora中html标签不折叠,使用Typora编写Markdown你真的会了吗

    Typora 介绍 Typora是一款功能全面.简洁高效,而且又非常优雅的Markdown编辑器.它把源码编辑和效果预览合二为一,在输入标记之后随即生成预览效果,提供了"所见即所得" ...

最新文章

  1. Web开发人员为什么越来越懒了?
  2. python加密库用哪个好_Python的加密库入门!
  3. 间接通过new 来申请一个二维的堆内存数组
  4. MEDC2007北京游记 - WindowsMobile Ophone
  5. Learn Python the first day.
  6. MYSQL,Oracle,SQL数据库在JSP中的驱动
  7. 商女不知亡国恨,一天到晚敲代码
  8. NetBeans 7.1:创建自定义提示
  9. [html] HTML5的Server-Sent和WebSocket如何选择哪一个?
  10. 动态规划(装配线调度)
  11. 电脑查询ip地址的方法,第一种最为简单
  12. 23种设计模式的意图和适用范围
  13. 抖音上很火的 立方体相册和旋转时钟,基于人脸识别实现程序员的专属相册和专属时钟,包含15套相册模板和9套时钟风格,可以直接替换成自己的图片,部署生成自己的个性化专属相册
  14. css 实现一个带尖角的正方形
  15. javascript招式总结
  16. 《Delta-Sigma数据转换器从入门到精通》笔记之漫谈均值
  17. 【EmailCamel外贸邮件群发】邮件到达收件箱系列文章05:免费公共邮箱作为发件人的限制
  18. 数组传参(一维数组、二维数组)
  19. discuz 配置 上传远程附件
  20. 在excel图表上添加数据标签

热门文章

  1. hash和btree索引的区别
  2. mybatisSql编写小结
  3. 简单整系数滤波器去除心电信号的基线漂移
  4. [导入]剿杀diskman.exe木马病毒
  5. erlang 单元测试
  6. sql之浅谈视图的作用
  7. 单片机led灯闪烁实验总结_51单片机实现LED流水灯
  8. 什么是体素(Voxel)
  9. 手机APP开发:学JAVA转安卓APP开发是不是很容易?
  10. SQL 语句多表联查