资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

提升编写代码速率的前端atom插件有哪些

小编给大家分享一下提升编写代码速率的前端atom插件有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联是一家专业提供丰城企业网站建设,专注与做网站、成都网站制作、H5页面制作、小程序制作等业务。10年已为丰城众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

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,易还原 )

以上是“提升编写代码速率的前端atom插件有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


网站标题:提升编写代码速率的前端atom插件有哪些
分享路径:http://www.cdkjz.cn/article/ppdgpj.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220