ATOM基础教程
提供ATOM入门教程
zsl10
这个作者很懒,什么都没留下…
展开
-
ATOM基础教程一使用python编码规范检查插件linter-pep8(19)
linter-pep8简介linter-pep8是根据python的代码规范pep8而编写的插件,可以帮助python开发人员维护代码规范。安装linter-pep8首先需要先安装pep8包,使用pip安装:pip install pep8安装完成后将pep8的可执行文件添加到系统环境变量: 2. 安装linter-pep8配置linter-pep8安装完成后linter-pep8的配置项原创 2016-09-15 16:49:11 · 5111 阅读 · 1 评论 -
ATOM基础教程一鼠标单击、双击打开文件细节区别(18)
单击打开文件ATOM自版本1.6开始优化了打开文件方式。场景如下: 有时候开发人员需要点击查看大量的文件,此时如果打开了多个固定标签(tab),那么编辑器将显得非常混乱,ATOM自版本1.6起引入了临时标签的概念,即当每次在项目树菜单下,鼠标单击打开文件时,将在一个临时标签页打开该文件。演示如下:双击打开文件鼠标双击打开文件即我们经常使用的打开文件方式,每次都建立一个新标签页来打开文件。单、双击打原创 2016-07-25 10:26:46 · 3369 阅读 · 2 评论 -
ATOM基础教程一使用前端插件csscomb (17)
csscomb简介csscomb是一款格式化插件,它主要功能是用来排版CSS代码, 通过将CSS 语句的顺序排版风格调整,从而为开发者提供布局一个页面的逻辑线索,页面开发完成后,使用csscomb 回顾并理清思路,同时也增强了CSS代码的可读性。特点:支持格式化CSS/LESS/SASS支持自定义格式csscomb使用使用快捷键ctrl-alt-c进行格式化 实例: 格式化前代码:.c原创 2016-07-19 18:15:01 · 1354 阅读 · 0 评论 -
ATOM基础教程一使用前端插件emmet(16)
emmet简介emmet的前身是大名鼎鼎的Zen coding,从事Web前端开发的工程师对该插件并不陌生,emmet使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度。 emmet的主要功能有:snippet(代码片段,不如用专门的片段插件)abbreviation expand(简写展开)emmet的主要特性有:简写支持嵌套简写支持分组简写支持乘法 1原创 2016-07-19 16:09:21 · 4215 阅读 · 2 评论 -
ATOM基础教程一分屏操作(15)
简介使用过vim作为编辑器开发的程序员对于分屏操作是非常熟悉的,当我们需要对比一个文件的多处位置进行编码时,分屏操作将大大提高我们的工作效率。使用分屏操作鼠标右键点击,出现如下图菜单 Split Up–在上方打开一个分屏Split Down–在下方打开一个分屏Split Left–在左方打开一个分屏Split Right–在右方打开一个分屏演示:原创 2016-07-19 09:35:01 · 7426 阅读 · 1 评论 -
ATOM基础教程一atom-autocomplete-php配置(14)
atom-autocomplete-php简介atom-autocomplete-php是ATOM编辑器下php自动补全插件,功能实现依赖于composer。因此,对composer不太了解的可以阅读下composer入门教程。atom-autocomplete-php配置配置composer.phar文件位置,如下: 配置php执行文件路径,若php已经添加到环境变量中,可略过这个配置项。配置原创 2016-07-15 14:43:20 · 6306 阅读 · 0 评论 -
ATOM基础教程一php-cs-fixer配置(13)
php-cs-fixer简介php-cs-fixer是自动规范化php代码插件,良好的代码规范可以提高代码可读性,减少团队沟通维护成本,推荐大家遵守的php代码规范是php-fig(PHP Framework Interop Group)组织定义的PSR-1和PSR-2。php-cs-fixer配置安装依赖php-cs-fixer.phar文件(需要翻墙): 详细安装可以去PHP-CS-Fi原创 2016-07-13 18:03:23 · 7341 阅读 · 0 评论 -
ATOM基础教程一linter-php配置(12)
linter-php简介linter-php是自动检查php语法错误的插件,使用起来非常方便。 linter-php配置进入linter-php的配置页面,需要指定php执行文件路径: 因为ATOM提供的php插件大多数都要配置php执行文件路径,因此建议可以将php执行文件写入系统环境变量: 或直接在配置项填写php执行文件路径(不建议):原创 2016-07-13 15:37:20 · 5807 阅读 · 0 评论 -
ATOM基础教程一sync-settings配置(11)
sync-settings简介sync-settings是一款备份插件,可以备份ATOM的全局设置、插件、按键绑定(keymaps)、界面样式、代码片段(snippets )、 init script。配置配置项Access Token和Gist Id需要到github去申请生成 申请生成token和gist idGist是github提供的一个可以记录代码片段的功能,可以将工作当中经常使用的代码原创 2016-07-12 18:03:04 · 6137 阅读 · 1 评论 -
ATOM基础教程一ATOM配置(10)
简介ATOM配置是指在file->config.cson文件下进行配置,配置文件是作用于全局的。 ATOM提供了两种配置方式:打开设置界面配置 直接在config.cson文件下编辑配置项config.cson文件全局配置项"*": //全局 core ://核心配置 disabledPackages:[ //被禁用的插件名列表 ]原创 2016-07-12 17:04:08 · 8516 阅读 · 1 评论 -
ATOM基础教程一ATOM自定义编辑器外观(9)
简介Atom 的每一个窗口实际上都是一个本地渲染的网页,整个Atom的界面,可以理解成 HTML 的 DOM 树结构,因此可以使用CSS自定义编辑器的外观。自定义编辑器样式使用快捷键ctrl-alt-I打开编辑器内置的控制台 使用箭头选中要改变的窗体,并找到对应的样式 复制该样式粘贴到file->stylesheet.less文件下,我重新定义当前操作文件的显示效果由左边蓝色边框(默认效果)原创 2016-07-11 18:07:56 · 5550 阅读 · 0 评论 -
ATOM基础教程一ATOM自定义代码片段(8)
简介ATOM提供了自定义代码片段的功能,打开设置菜单,点击snippets即可进入snippets.cson文件进行自定义代码片段。代码片段格式'.选择器': '代码片段描述': 'prefix':'字母组合' 'body': '输出的代码片段'选择器指定了自定义的代码片段将在哪种语言环境下生效,选择器的名称对应的语言包的Scope字符串值,可以在ATOM编辑器查找每个语原创 2016-07-10 21:36:08 · 5750 阅读 · 1 评论 -
ATOM基础教程一ATOM代码片段snippets(7)
简介代码片段指的是将经常使用的代码通过输入字母组合按下TAB键即可快速生成。代码片段是ATOM编辑器提供的非常实用的功能,ATOM在自带的语言包里面预先封装了一部分代码片段。使用代码片段查看当前打开文件拥有的所有代码段,可以使用快捷键alt-shift-s,如下图所示,在打开的js文件查看可以使用的代码片段并使用 同样在打开的HTML文件也可以使用代码片段,输入!按下TAB键即可使用代码片段,原创 2016-07-10 20:30:08 · 2484 阅读 · 1 评论 -
ATOM基础教程一ATOM按键绑定(6)
简介ATOM按键绑定(keybindings)即自定义快捷键,可以在ATOM的keymap.cson文件下自定义按键绑定。了解CSONCSON全称为CoffeeScript Object Notation,类似我们经常使用的JSON(JavaScript Object Notation),二者都是储存结构化数据的文本格式,表现为由键值对组成的简单对象的形式。CSON文件格式示例如下:key:原创 2016-07-09 09:48:14 · 7892 阅读 · 0 评论 -
ATOM基础教程一Windows下ATOM快捷键(6)
ctrl/cmd-shift-n:新建界面窗口ctrl/cmd-n:新建文件ctrl/cmd-o:打开文件ctrl/cmd-shift-o:打开文件夹ctrl/cmd-al-o:新建项目目录ctrl/cmd-w:关闭当前文件ctrl/cmd-alt-r:重启编辑器shift-delete:剪切 若光标未选中文字则剪切当前光标所在行,否则剪切选中文字ctrl/cmd-insert:复原创 2016-07-07 18:29:10 · 5223 阅读 · 0 评论 -
ATOM基础教程一ATOM插件推荐(4)
ATOM常用插件推荐simplified-chinese-menu ATOM的汉化插件file-icons 文件图标美化atom-beautify 代码格式一键美化last-cursor-position 光标自由切换到上一次/下一次编辑位置minimap代码小地图sync-settings 插件备份、按键绑定备份activate-power-mode 输入时有震撼效果原创 2016-07-04 18:07:27 · 33536 阅读 · 3 评论 -
ATOM基础教程一ATOM插件(3)
ATOM插件简单介绍 ATOM编辑器将插件放在了核心的地位,使用CoffeeScript即可开发自己喜欢的插件,降低了插件开发的门槛,在github社区很受欢迎,目前插件更新非常快。 ATOM插件分为两类:系统自带核心插件和社区插件。 安装ATOM插件 ATOM提供三种插件安装方式: 打开ATOM菜单栏File->Settings->Install即可打开插件安装界面,在搜索框原创 2016-07-03 15:44:38 · 2454 阅读 · 0 评论 -
ATOM基础教程一安装ATOM(2)
下载安装 首先去ATOM官网下载安装包,支持MAC/WIN/LINUX系统。 安装成功后启动即可原创 2016-07-03 15:14:25 · 1701 阅读 · 0 评论 -
ATOM基础教程一初识ATOM(1)
为什么推荐使用ATOM作为编辑器? 现在可以选择的编辑器有很多,为什么要花费时间去学习和使用ATOM那?原创 2016-07-02 08:36:17 · 5811 阅读 · 0 评论