github atom编辑器推介 - 足以替代 sublime
2016-07-02 20:35
246 查看
Copyright 2016 by 蔡舒啸 保持署名-非商业性使用-相同方式共享 Creative Commons BY-NC-ND 3.0
目录
github atom 编辑器值得使用的原因
github atom 支持大多数前段开发的必备插件
前端插件推荐
emmet插件
更多插件
安装插件
atom自带的 apm 包管理器
官网https://atom.io/
引用官网原文:
我们的目标是创造一个小学生可以马上使用,同时,在他们学习了各种技术,成为一名职业黑客后仍不会抛弃的一款编辑器
2 完全开源。和另一编辑神器 sublime 比,github atom 完全开源的作风让人很舒服
3 支持markdown预览!再也不用在线编辑markdown博文了!
使用方法详见http://jingyan.baidu.com/article/e5c39bf5aaf9f639d760338d.html
上图:
4 内置的包管理器。和 vim 和 Emacs 比,这点就大大方便了插件的使用
5 内置丰富精美的主题,Dark 和 Light 都可以找到心仪的主题
6 代码提示,语法高亮。html标签自动提示
7 包括行距在内的一票属性都可以自定义
写 html 必备,用一行代码完成100行代码
敲击一下TAB 键,就会输出:
以及这篇http://www.tuicool.com/articles/BJrAz2
请自行去淘宝镜像站安装 node.js 4.x.x
node.js 4系列是长期支持版,比较稳定,并且自带 npm 包管理器
请安装 git 方便直接从 github 上下载插件
安装插件很简单
目录
github atom 编辑器值得使用的原因
github atom 支持大多数前段开发的必备插件
前端插件推荐
emmet插件
更多插件
安装插件
atom自带的 apm 包管理器
官网https://atom.io/
引用官网原文:
我们的目标是创造一个小学生可以马上使用,同时,在他们学习了各种技术,成为一名职业黑客后仍不会抛弃的一款编辑器
github atom 编辑器值得使用的原因:
1 跨平台. 基于 flexbox web框架实现的编辑器UI,开发团队相信, 比起不断变化的原生语言的UI,web技术的标准化和普及使得 atom 编辑器在各个系统都能工作得很好2 完全开源。和另一编辑神器 sublime 比,github atom 完全开源的作风让人很舒服
3 支持markdown预览!再也不用在线编辑markdown博文了!
使用方法详见http://jingyan.baidu.com/article/e5c39bf5aaf9f639d760338d.html
上图:
4 内置的包管理器。和 vim 和 Emacs 比,这点就大大方便了插件的使用
5 内置丰富精美的主题,Dark 和 Light 都可以找到心仪的主题
6 代码提示,语法高亮。html标签自动提示
7 包括行距在内的一票属性都可以自定义
github atom 支持大多数前段开发的必备插件
前端插件推荐
emmet插件
emmet 插件 atom 版本的下载地址https://atom.io/packages/emmet写 html 必备,用一行代码完成100行代码
ul#nav>li*4>a*4
敲击一下TAB 键,就会输出:
<ul id="nav"> <li><a href=""></a><a href=""></a></li> <li><a href=""></a><a href=""></a></li> </ul>
更多插件
请参考http://www.myexception.cn/javascript/2017163.html以及这篇http://www.tuicool.com/articles/BJrAz2
安装插件
github atom插件基于 node.js 技术开发,可以使用 npm 包管理器安装,非常方便请自行去淘宝镜像站安装 node.js 4.x.x
node.js 4系列是长期支持版,比较稳定,并且自带 npm 包管理器
请安装 git 方便直接从 github 上下载插件
安装插件很简单
cd ~/.atom/packages git clone https://github.com/emmetio/emmet-atom cd emmet-atom npm install
atom自带的 apm 包管理器
请参考http://www.tuicool.com/articles/BJrAz2相关文章推荐
- 查看github pages文档的方式
- 使用BAE的基于Web.py的简单博客程序
- 一步一步跟我学易语言之第二个易程序菜单设计
- 两分钟学会如何在github托管代码
- FCK编辑器(FCKEditor)添加新按钮和功能的修改方法
- ecshop后台编辑器替换成ueditor编辑器
- jquery可定制的在线UEditor编辑器
- 10个基于jQuery或JavaScript的WYSIWYG 编辑器整理
- PHP网页 Ewebeditor 编辑器嵌入方法
- kindSoft在线网页编辑器简单的配置参数介绍
- dedecms5.5 最新版ckeditor编辑器整合教程
- javascript 在线文本编辑器实现代码
- 在线编辑器中换行与内容自动提取
- 网页上的Javascript编辑器和代码格式化
- 基于jquery实现可定制的web在线富文本编辑器附源码下载
- 极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg
- 在Ruby on Rails中使用Markdown的方法
- 浅析Yii2集成富文本编辑器redactor实例教程
- markdown简介和语法介绍