前端 atom 插件必备,让你写代码如虎添翼

atom是github出的一款编辑器,漂亮的界面,丰富的扩展性深受特别是前端程序员的喜爱,如今越来越火,那么我们来看看必备的插件,让你如虎添翼

1 语法支持

atom-chs-menu ( - 编辑器汉化,你懂的)
language-babel ( - ES2016、ESNext、JSX 语法扩展)
language-postcss ( - PostCSS 语法高亮)

2 自动补全

autocomplete-modules ( - 模块名自动补全)
autocomplete-paths ( - 路径自动补全)
atom-ternjs ( - ES5, ES6, ES7, Node.js, jQuery, Angular 等等 js 代码自动补全)
emmet ( - 快速手写 HTML, CSS, Sass / SCSS / LESS)

3 语法检查

linter ( - 基本语法检查框架)
linter-jshint ( - 基于 jshint 的 JavaScript 语法检查插件)
linter-eslint ( - 基于 ESLint 的 JavaScript 语法检查插件)
editorconfig ( - 多人协作开发,不同编辑器之间保持一致的编码风格)

4 版本控制

git-plus ( - 丢掉终端,在 Atom 里面执行 Git 命令Atom 最新的核心组件,集成了 Git 和 GitHub 功能!你可以试试看!)
merge-conflicts ( - 通过 Atom 处理冲突的文件)

5 项目管理


project-manager ( - 让你轻松访问你的所有项目,同时可通过额外配置管理你的项目 )

6 扩展功能

minimap ( - 源码预览图 )
file-icons ( - 显示文件类型对应的图标 )
atom-beautify ( - 代码格式化 )
pigments ( - 代码颜色可视化)
color-picker ( - 取色器)
highlight-selected ( - 高亮选中)
minimap-highlight-selected ( - 源码预览图中高亮选中)
docblockr ( - 注释插件)
markdown-preview-plus ( - markdown 实时预览)
hyperclick ( - 跳转到变量定义文件,需要配合 js-hyperclick 使用)
js-hyperclick ( - 跳转到变量定义文件,需要配合 hyperclick 使用 )
travis-ci-status ( - 底部状态栏扩展,添加项目 Travis CI 状态)
platformio-ide-terminal ( - 通过 Ctrl + ` 触发嵌入在 Atom 的终端 )
sync-settings ( - 备份 Atom 的包和设置至 Gist,易还原 )
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值