前端开发 Atom 编辑器插件安装和配置
zhiqiang21 opened this issue · 8 comments
前端开发 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 语法绘制的表格格式化
Atom插件安装需要先安装Python吗
@TellH 如果在windows上安装的话，会比较麻烦些。如果是在Linux或者是Mac上装的话，我记的是不用的（因为这些系统默认都是装了python的）。
没有webstorm的代码跳转功能啊！～
是啊
2016-10-14 11:11 GMT+08:00 slevinsc notifications@github.com:
没有webstorm的代码跳转功能啊！～
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
#1 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ADzji675Z1yqb3ciG0iRcvt8XryTIyznks5qzvLrgaJpZM4H0cIl
.
坚持两个字说起来非常容易，做起来非常之难。当你在巨大压力下，比别人多坚持一步，也许你就看到黎明的阳光。
在atom里面跑js 。。 直接输出全局this是一个空对象，并不是global，求解
@Gocy015 这个是需要配置的啊。比如在浏览器里面，直接输出this指向的是当前的window对象。而atom 你需要调试js的话是需要配置Node的，但是node的gloable对象指向的不是window啊。你这个应该是没有配置Node的缘故
我这应该是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
这样的信息。