美文网首页AtomWeb前端之路让前端飞
Atom基本配置以及必备插件node配置

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

作者: 路墨 | 来源:发表于2016-12-27 11:44 被阅读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

    相关文章

      网友评论

      • KillianC:请问一下ATOM怎么和DW一样设置本地测试服务器呢??
      • crazyz:刚用atom,非常感谢~~

      本文标题:Atom基本配置以及必备插件node配置

      本文链接:https://www.haomeiwen.com/subject/iuvjvttx.html