-
Notifications
You must be signed in to change notification settings - Fork 10
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
前端开发 Atom 编辑器插件安装和配置 #1
Comments
Atom插件安装需要先安装Python吗 |
@TellH 如果在windows上安装的话,会比较麻烦些。如果是在Linux或者是Mac上装的话,我记的是不用的(因为这些系统默认都是装了python的)。 |
没有webstorm的代码跳转功能啊!~ |
是啊 2016-10-14 11:11 GMT+08:00 slevinsc notifications@github.com:
坚持两个字说起来非常容易,做起来非常之难。当你在巨大压力下,比别人多坚持一步,也许你就看到黎明的阳光。 |
在atom里面跑js 。。 直接输出全局this是一个空对象,并不是global,求解 |
@Gocy015 这个是需要配置的啊。比如在浏览器里面,直接输出 |
我这应该是node环境了呀,可以正常编译运行js,而且报错的时候控制台都会打印类似于:
这样的信息。 |
那就可能是你的代码有问题咳
… 在 2016年12月2日,下午4:15,Gocy ***@***.***> 写道:
我这应该是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 <#1 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ADzji6V7irFKA-8ziCcgv44vcBHUqFXLks5rD9OqgaJpZM4H0cIl>.
|
前端开发 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 语法绘制的表格格式化
The text was updated successfully, but these errors were encountered: