HTML之零篇·Atom前端配置

HTML之零篇·Atom前端常用配置

  •                          QQ:3020889729                                                                                 小蔡
  • simplified-chinese-menu(中文包)
  • activate-power-mode(编辑主题插件)
  • atom-file-icons(文件图标)
  • atom-beautify(代码格式化)
  • autoclose-html(自动补上标签)
  • autocomplete-paths(自动补全路径)
  • open-in-brower(直接进入默认浏览器查看)
  • atom-html-preview(实时显示浏览HTML效果)
  • Emmet(基于语法产生HTML)
  • color-picker(取色器)
  • minimap(迷你代码)
  • git-plus(项目管理)
  • docblockr(文档化注释)
  • 结语

                         QQ:3020889729                                                                                 小蔡

simplified-chinese-menu(中文包)

使菜单和多数菜单项变为中文,方便使用。(常备哦)

activate-power-mode(编辑主题插件)

提供一个计分以及抖动的效果,让代码敲击变得更有趣。

atom-file-icons(文件图标)

使得文件有特定的图标,易于区分不同文件。

atom-beautify(代码格式化)

使得代码文档更加简便优美。

autoclose-html(自动补上标签)

写完开始标签,按下tab,自动补上标签。

autocomplete-paths(自动补全路径)

避免路径的出错,提高工作流畅度,舒心。

open-in-brower(直接进入默认浏览器查看)

保存完成html文件后,按下快捷键进入浏览器查看。

atom-html-preview(实时显示浏览HTML效果)

这个相对上边的in-brower,这个打开后会一直可以使用,直到关闭。(鼠标右键就可以看见关键字打开)

Emmet(基于语法产生HTML)

方便HTML代码的编写。

color-picker(取色器)

方便颜色的获取和设置。

minimap(迷你代码)

你懂的,好处就是能及时查看。

git-plus(项目管理)

提供在编辑器里管理你的git项目,允许使用各种常用git功能。

docblockr(文档化注释)

团队协作规范注释必备插件。

结语

还有很多可以修改的插件,找到合适的,自己喜欢的插件,能让我们的代码之路变得更加有生气——祝各位代码越敲越多,生活越来越好。

你可能感兴趣的:(HTML学习)