AtomWeb前端之路让前端飞

Atom基本配置以及必备插件node配置

2016-12-27  本文已影响5213人  路墨

接触Atom是比较早了刚出来时候就试了试,可惜那时候写oc,一般都用Xcode,这段时间写PHP,终于用上了Atom这个神器。
Atom打开整个大项目还是很不错的,速度还行就是有点小卡,因为在研究node所以也会写到node的配置

  1. atom-simplified-chinese-menu
    这是中国人必备吧,但是呢,还是希望大家多学学英文


    Paste_Image.png
  2. atom-beautify
    写代码,写的不好看,缩进不标准,这就是必备
    快捷键 Ctrl+alt+b
    他会根据你的文件的尾缀来按照不同的标准来缩进,所以你的php里的html代码可能就不能beautiful了。

    Paste_Image.png
  3. atom-autocomplete-php
    php的一个插件当然也有其他版本的,能够看你的命名空间位置,反正我是安了


    Paste_Image.png
  4. atom-ternjs
    这个是支持js语法提示,包括ES5、ES6、Node.js、jQuery&Angular的语法提示


    Paste_Image.png
  5. color-picker
    picker采摘者:颜色采集器
    快捷键 ctrl-shift-c

    Paste_Image.png
  6. emmet

    html、css速度超级快,具体语法看结尾图片,全部都有最好自己保存下来 Paste_Image.png
  7. file-icons
    file文件icons图标,文件图标
    有所有的文件图标美观又能分辩


    Paste_Image.png
  8. jshint
    大型项目时每个js工程师风格都不一样这时候需要用jshint来统一风格,还有同类型的两个,我忘了嘿嘿。配合script 让代码在本地运行


    jshint
  9. linter
    检查错误的,也用来统一风格,跟上面的配合使用。


    linter
  10. minimap
    小地图同submile


    Paste_Image.png
  11. script
    让node代码在atom跑起来,配合jshint使用
    快捷键 ctrl+i 开始运行
    'ctrl+k' 关闭服务

    script
  12. terminal-plus
    Atom 中有了 terminal-plus 简直可以完全弃用系统控制台了。
    cmd+shift+t
    开启新控制台ctrl+`
    打开 /关闭 控制台

    Paste_Image.png
  13. language

  • language-SCSS@0.4.0
  • language-vue@0.9.0
  • react@0.14.1

还有好多插件这里就不一一介绍了,有需要的可以自行带走,或者自行百度,

多谢观看
阿里嘎多

emmet语法

Paste_Image.png
上一篇下一篇

猜你喜欢

热点阅读