前端开发 Atom 编辑器插件安装和配置

[zhiqiang21]

前端开发 Atom 编辑器插件安装和配置

1.启动速度

启动速度是大家唯一吐槽 Atom 的地方吧。不过到现在的1.6.0版本的时候，我觉得已经比刚发布的时候好多了。 原生提供了命令来测试自己的启动消耗时间：

使用方式如下： cmd+shift+p打开命令面板，然后输入 timecope：view

命令就会出现下面的结果,可以查看启动时间和安装插件的加载时间:

2.插件列表和使用方法：

使用 apm list可以查看自己安装的插件和 Atom 默认自己安装的插件。我这里注重介绍我自己安装的插件

1.自动补全

atom-ternjs----JavaScript 自动补全插件还可以配置语言版本和脚本库

autocomplete-modules----自动补全模块，提供下文的语义补全

autocomplete-paths----路径补全，比如下找到某个图片的位置

autocomplete-python----python 语法自动补全

autocomplete-sass----sass 语法自动补全

javascript-snippets----JavaScript 代码段

jquery-snippets----jQuery 代码段

2.工具

Remote-FTP----本地和远程代码同步工具（暂时在我电脑上不可用）

Sublime-Style-Column-Selection----列选择工具（相当于 sublime 按住 alt 键拖动可以选中多列和多行的操作）

atom-beautify----格式化语法的工具支持的语言很多

atom-minify----压缩 css 和 js 文件的工具

autoprefixer----自动给 css 文件中的属性添加厂商前缀

color-picker----调色板，可以选中自己钟意的颜色，而且可以在面板中调整透明度

docblockr----代码注释工具，提供代码注释的模板

emmet----html 快速编写工具

expand-selection-to-quotes----可以快捷键选中引号内的内容（节省了拖动鼠标的操作）

merge-conflicts----顾明思议，合并冲突的工具

project-manager---- 强大的，快速的打开项目的插件，非常的有用

run-in-browser----将当前的 html 在浏览器中打开

sync-settings----同步自己的配置和安装的插件到 gist 。非常有用

3.代码语法检查（这个对编写标准的代码非常有用）

linter----语法检查引擎

jshint----JavaScript 代码语法检测引擎

linter-pylint----python 代码语法检测引擎

4.显示效果

react----对 react 语法高亮支持，并且有补全效果

language-jade----jade 语法高亮

file-icons----在目录树 tree-view 的文件前面加上响对应的 logo

highlight-column----高亮当前光标所在的列

highlight-selected----在当前编辑的文件中高亮全部匹配的单词

minimap----显示一个 mini 的预览代码的窗口

pigments----对 css 文件中使用的颜色进行响应颜色的高亮

5.markdown 写作工具

markdown-scroll-sync----编写 markdown 可以根据写到的部位，右边预览可以实时的滚动

markdown-table-formatter----对 markdown 语法绘制的表格格式化

[TellH]

Atom插件安装需要先安装Python吗

[zhiqiang21]

@TellH 如果在windows上安装的话，会比较麻烦些。如果是在Linux或者是Mac上装的话，我记的是不用的（因为这些系统默认都是装了python的）。

[slevinsc]

没有webstorm的代码跳转功能啊！～

[zhiqiang21]

是啊

2016-10-14 11:11 GMT+08:00 slevinsc [email protected]:

没有webstorm的代码跳转功能啊！～

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/zhiqiang21/MyToolsConfig/issues/1#issuecomment-253699006, or mute the thread https://github.com/notifications/unsubscribe-auth/ADzji675Z1yqb3ciG0iRcvt8XryTIyznks5qzvLrgaJpZM4H0cIl .

---

坚持两个字说起来非常容易，做起来非常之难。当你在巨大压力下，比别人多坚持一步，也许你就看到黎明的阳光。

[Gocy015]

在atom里面跑js 。。 直接输出全局this是一个空对象，并不是global，求解

[zhiqiang21]

@Gocy015 这个是需要配置的啊。比如在浏览器里面，直接输出this指向的是当前的window对象。而atom 你需要调试js的话是需要配置Node的，但是node的gloable对象指向的不是window啊。你这个应该是没有配置Node的缘故

[Gocy015]

我这应该是node环境了呀，可以正常编译运行js，而且报错的时候控制台都会打印类似于：

at Module.runMain (module.js:604:10)
at run (bootstrap_node.js:394:7)
at startup (bootstrap_node.js:149:9)
at bootstrap_node.js:509:3

这样的信息。

[zhiqiang21]

那就可能是你的代码有问题咳

在 2016年12月2日，下午4:15，Gocy [email protected] 写道：

我这应该是node环境了呀，可以正常编译运行js，而且报错的时候控制台都会打印类似于：

at Module.runMain (module.js:604:10) at run (bootstrap_node.js:394:7) at startup (bootstrap_node.js:149:9) at bootstrap_node.js:509:3 这样的信息。

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/zhiqiang21/MyToolsConfig/issues/1#issuecomment-264398034, or mute the thread https://github.com/notifications/unsubscribe-auth/ADzji6V7irFKA-8ziCcgv44vcBHUqFXLks5rD9OqgaJpZM4H0cIl.