美文网首页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

相关文章

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

    接触Atom是比较早了刚出来时候就试了试,可惜那时候写oc,一般都用Xcode,这段时间写PHP,终于用上了Ato...

  • 我的 Atom 插件,有图

    难得要把自己的Atom插件总结一下,免得以后去别的网站找插件配置,这个文章基本会一直记录我的atom。 atom-...

  • Atom 编辑器系列视频课程

    此课程为 Atom 编辑器系列课程,主要介绍了 Atom 的高效开发技巧以及必备插件。 课程列表 Atom编辑器系...

  • gulp基础插件以及基本配置

  • webpack知识

    1.基本配置 安装 基本的格式 配置服务器 配置是否压缩代码 配置入口 配置出口 2.打包html文件 安装插件 ...

  • Atom配markdown

    Atom插件安装 Atom插件安装失败解决办法 第一步 下载安装node.js node.js 添加环境变量到系统...

  • VSCode运行JS、Html文件

    配置node.js,并在launch.json中设置配置如下 运行html,则需要下载插件 view in Bro...

  • Atom使用插件精选(FE)

    Atom琳琅满目的插件中,为您推荐一些实用的插件。 1、sync-settings 首先,这是一个配置备份插件,方...

  • HTML免费视频教程

    开发环境搭建 开发环境搭建-选择浏览器 选择编辑器-Atom的安装配置 选择服务器-Node.js的安装和配置 H...

  • nrm 的全局安装,npm node.js的安装

    安装以及配置node.js 安装 node.js,到官网下载 node.js在path中配置好环境变量 ,指定你的...

网友评论

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

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

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