atom写css,Atom编写Markdown

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)