sublime 前端常用插件

  • emmet:

    前端神器。一个可以极大提高web开发者HTML和CSS工作效率的工具箱组件。
    查看介绍

  • CSS3:

    CSS3语法高亮、CSS语法提示,美中不足的是缺少游览器私有属性高亮。
    查看介绍

  • CSS Extended Completions:

    关联CSS文件,智能提示css文件中的类名,非常好用。
    查看介绍

  • JavaScript Completions

    支持javascript原生语法提示,妈妈再也不用担心我输入document.getElementById(id)。
    查看介绍

  • jQuery

    为jQuery的大部分方法提供了示例代码段,让jQuery的API更加容易使用。
    查看介绍

  • ColorHighlighter

    它可以展示你所选择的颜色代码(像“#FFFFFF”, “rgb(255,255,255)”, “white”)的真正颜色。同时它还包含一个颜色选择器让你可以方便地更改颜色。
    查看介绍

  • BracketHighlighter

    括号以及标签层级显示,不用担心选中的代码属于哪个代码块,一目了然。
    查看介绍

  • HTML-CSS-JS Prettify

    THML、CSS、JS代码格式化,压缩过后的代码可以通过该工具复原。
    查看介绍

  • Align?Tab

    使用正则表达式来帮助代码对齐,比如几行代码以=号对齐。
    查看介绍

以上插件覆盖HTML,CSS,JavaScript,jQuery,CSS颜色显示,代码块级高亮,代码格式化,代码对齐,满足绝大多数前端的需求。

至于用Sass就装Sass,Sassbuild,git就下sublimeGit,git Gutter,想用某个主题就下主题,想扩展侧边栏就扩展侧边栏,这毕竟不是每个人必须的。

这里再推荐一个主题插件,主题库比较丰富,感觉大多数人都能用上,避免视觉疲劳:

    • Colorsublime

      安装完成后,可输入Install Theme,在线更换主题。主题库有上百种,这个很不错。
      查看介绍

时间: 2024-11-14 07:51:07

sublime 前端常用插件的相关文章

前端与php的sublime text3常用插件

1.安装Package Control 快捷键: ctrl+`     粘贴内容后Enter:  import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.re

sublime Text3 前端常用插件

sublime Text3 前端常用插件 - File Switching (文件切换) --- Sublime Text提供了一个非常快速的方式来打开新的文件.只要按下Ctrl+ P并开始输入你想要打开的文件的名称.一旦找到文件,只需按enter键,就可以开始直接输入到该文件了! - Goto Symbols (跳转标记) --- 当你编辑一个大文件时,文件中有一堆方法,按`Ctrl + R将其全部列出来,使他们更容易找到.开始尝试的输入你想要的,然后按Enter 就可以快速跳转这个方法了.

转 Sublime text2 常用插件集锦

No.01 – Emmet Emmet 是一个前端开发的利器,其前身是Zen Coding.它让编写 HTML 代码变得简单.Emmet 的基本用法是:输入简写形式,然后按 Tab 键. 关于 Emmet 的更多用法,请看官方文档,这份速查表可以帮你快速记忆简写形式. No.02 – SublimeLinter SublimeLinter 是一个代码校验插件,它可以帮你找出错误或编写不规范的代码,支持 C/C++.CoffeeScript.CSS.Git Commit Messages.Haml

Sublime Text常用插件总结及Package Control安装方法

Sublime Text 是一个代码编辑器,具有漂亮的用户界面和强大的功能,并且它还是一个跨平台的编辑器,同时支持Windows.Linux.Mac OS X等操作系统.本文主要分享几款程序开发中可能用到的插件. Sublime Text插件安装方法 在介绍插件之前,先写下Sublime Text安装插件的方法,主要有以下两种: 1. 直接通过下载安装包安装 在编辑器菜单中点击“Preferences”–“Browse Packages…”打开插件安装目录,然后把下载的安装包解压后放到该目录即可

Sublime text2 常用插件集锦

No.01 – EmmetEmmet 是一个前端开发的利器,其前身是Zen Coding.它让编写 HTML 代码变得简单.Emmet 的基本用法是:输入简写形式,然后按 Tab 键.关于 Emmet 的更多用法,请看官方文档,这份速查表可以帮你快速记忆简写形式. No.02 – SublimeLinterSublimeLinter 是一个代码校验插件,它可以帮你找出错误或编写不规范的代码,支持 C/C++.CoffeeScript.CSS.Git Commit Messages.Haml.HT

SubLime Text3 常用插件总结

近来开始恶补前端知识,在一定的技能基础上,逐渐开始进阶的学习和使用.因此在这里罗列下,SubLime Text3 常用插件: 1.Emmet 提高HTML & CSS3编写速度. 2.Theme – Soda 一直用的一款皮肤 3.sideBarEnhancements 侧边栏右键增效插件,提高页面处理速度. 4.HTML5 Sublime Text3支持HTML5 5.Sass Sublime Text3支持Sass 6.Less Sublime Text3支持Less 7.SublimeCo

前端常用插件、工具类库汇总(下)

前言 对本文感兴趣可以先加个收藏,也可以转发分享给身边的小伙伴,以后遇到类似的场景就来看看具体的插件及其用法. 上一篇<前端常用插件.工具类库汇总(上)>内容摘要: " 动画库 滚动库 轮播图 滚屏 弹出框 消息通知 下拉框 级联选择器 颜色选择器 时间日期处理 表单验证 分页插件 " >>前端常用插件.工具类库汇总(上) 本篇延续上一篇的内容继续给大家带来一系列关于前端插件.工具类的内容. 富文本编辑器 wangEditor http://www.wanged

前端开发 sublime text 常用插件和配置

前端开发sublimeconfig mac配置 此文件目录中文件主要是关于sublime的插件配置,快捷键配置,主题和字体配置. 插件列表 所有插件都可以使用Package Control安装,具体的安装方法可以自行谷歌安装,不在本文的介绍范围之内.也可以是使用git 手动安装. 1.autoprefixer 该插件主要使编写css更加的方便和快捷,可以配置快捷键给标签属性添加浏览器厂商前缀.安装前需要确定电脑安装node. 配置快捷键如下: //autoprefixer快捷键设置 { "key

sublime text 常用插件安装

自动补全Html 英文界面:menu->Preferences->Setting-User->加上这一句  ,保存->关闭编辑器->重新打开->完成 , "auto_complete": true, "auto_match_enabled": true 常用插件 sublime是通过插件管理器Package Control地对插件浏览.安装和卸载插件. 安装Package Control 百度搜索Package Control打开