Atom前端必备插件​

2018-06-27 13:46:00
ohzer
原创
1200
摘要:主要介绍常用的Atom前端必备插件​。主要包含:atom-html-preview — 浏览器实时预览效果 (得更改快捷键,快捷键更改方法在下面)、color-picker — 取色器,太赞了有木有,,比sublime那个好用,不卡,启动超快、emmet — HTML,CSS快速编写的神器,emmet官网还有视频演示、atom-ternjs—-JavaScript 自动补全插件还可以配置语言版本和脚本库等;
  • atom-html-preview — 浏览器实时预览效果 (得更改快捷键,快捷键更改方法在下面)
  • color-picker — 取色器,太赞了有木有,,比sublime那个好用,不卡,启动超快
  • emmet — HTML,CSS快速编写的神器,emmet官网还有视频演示
  • atom-ternjs—-JavaScript 自动补全插件还可以配置语言版本和脚本库
  • docblockr — 代码注释工具,提供代码注释的模板
  • jquery-snippets — jQuery 代码段
  • javascript-snippets — JavaScript 代码段
  • atom-ternjs — JavaScript 自动补全插件还可以配置语言版本和脚本库
  • atom-beautify — 格式化代码
  • autocomplete-paths — 路径补全,比如下找到某个图片的位置
  • autocomplete-sass — sass 语法自动补全
  • atom-bootstrap3 — bootstrap3代码提示
  • autocomplete-plus — 完善自带autocomplete 代码自动补全插件
  • autoprefixer — 自动给 css 文件中的属性添加厂商前缀
  • project-manager — 强大的,快速的打开项目的插件,非常的有用
  • run-in-browser — 将当前的 html 在浏览器中打开
  • open-in-browser — 将当前的 html 在浏览器中打开
  • linter — 代码验证插件 (下面是前端可能用到的)
    • linter-jshint, for JavaScript and JSON, using jshint
    • linter-coffeelint, for CoffeeScript, using coffeelint
    • linter-scss-lint, for SASS/SCSS, using scss-lint
    • linter-less, for LESS, using less
    • linter-csslint, for CSS, using csslint

显示效果插件

  • react — 对 react 语法高亮支持,并且有补全效果
  • file-icons — 在目录树 tree-view 的文件前面加上响对应的 logo
  • highlight-column — 高亮当前光标所在的列
  • highlight-line — 高亮当前光标所在的行
  • highlight-selected — 在当前编辑的文件中高亮全部匹配的单词
  • pigments — 对 css 文件中使用的颜色进行响应颜色的高亮
  • minimap — 用过Sublime Text的都知道有一个很实用的功能,就是内部编辑有一个小小的代码图,这货就是补全atom这个功能的,支持高亮代码

美化篇插件

  • file-icons — 增加许多图标,在侧边蓝文件名前面的icon,,很赞
  • filetype-color — amazing,,在标签栏不同格式文件显示不同的颜色的标题,支持二度设置
  • color-picker — 调色板,可以选中自己钟意的颜色,而且可以在面板中调整透明度

markdown写作工具插件

  • markdown-scroll-sync—-编写 markdown 可以根据写到的部位,右边预览可以实时的滚动
  • markdown-table-formatter—-对 markdown 语法绘制的表格格式化

协作篇插件

  • git-plus — 与Sublime Text 的sublimegit功能基本一致

(有好的插件会继续更新补充)

发表评论
评论通过审核后显示。
文章分类
联系我们
联系人: 杨先生
电话: 0871-65652226
传真: 0871-65652227
Email: ohzer@sian.com
QQ:
微信: xghhh.com
微博:
地址: 云南省昆明市官渡区晋馨园小区B幢1单元602号
富华彩票网|注册入口 699彩票app 97彩票平台 全中彩票app 金叶彩票-首页_欢迎您 新彩彩票-新彩彩票平台【点击下载app】 e时彩app下载 933彩票|娱乐官网 东森彩票平台|开户注册 彩帝彩票app下载-正规网站入口