Sublime Text3前端必备插件

下面由sublime入门使用教程栏目给大家介绍一些sublime text3前端必备插件,希望对需要的朋友有所帮助!

Sublime Text3前端必备插件

安装Package Control

在安装插件之前,需要让sublime安装Package Control。打开Sublime Text的控制台,快捷键ctrl + ~,在控制台中输入以下代码。

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

登录后复制

安装插件

emmet:

立即学习“前端免费学习笔记(深入)”;

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

sublime入门

CSS3:

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

sublime入门

CSS Extended Completions:

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

sublime入门

JavaScript Completions

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

sublime入门

jQuery

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

sublime入门

ColorHighlighter

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

sublime入门

BracketHighlighter

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

sublime入门

HTML-CSS-JS Prettify

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

sublime入门

AlignTab

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

sublime入门

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

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

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

Colorsublime

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

sublime入门

以上就是Sublime Text3前端必备插件的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3244296.html

(0)
上一篇 2025年4月2日 08:02:50
下一篇 2025年4月2日 08:02:59

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 用 Sublime Text 编写 HTML 的高效技巧

    使用 sublime text 编写 html 的高效技巧包括:1. 安装并使用 emmet 插件,通过缩写快速生成 html 结构;2. 利用 sublime text 的多重选择功能提高编辑效率;3. 保持代码的可读性和维护性。通过这些…

    2025年4月30日
    000
  • 开发你的梦想之网页:Web应用开发实用指南

    在这个信息泛滥的时代,我常常梦想将我的创意转化为一个炫丽的网页,这该有多有趣啊!幸运的是,这并不只是一个遥不可及的梦想。实际上,沿着我的指引,我们将一同探索“web应用开发实用指南”,开启你的梦想之旅! 首先,我们需要明确什么是Web应用开…

    2025年4月30日
    000
  • sublime text切换成中文教程

    sublime text是一款功能强大的跨平台编辑器,适用于编写代码和编辑文本,提供代码补全、代码折叠和自定义皮肤等功能。然而,默认的英文界面可能对英语不佳的用户造成困扰。幸运的是,sublime text可以设置为中文界面。以下是详细的设…

    2025年4月30日 互联网
    000
  • SublimeText配置Rust1.77开发环境的步骤

    如何在sublimetext中配置rust 1.77开发环境?首先安装rust编译器,然后在sublimetext中安装rust enhanced和rustfmt插件。具体步骤如下:1. 安装rust编译器,运行命令:curl &#8211…

    2025年4月29日
    000
  • Linux Aliases能实现哪些自动化任务

    linux aliases 是提升命令行操作效率的强大工具,通过为常用命令或命令组合设定别名,用户可以简化操作,减少输入错误,并加快执行速度。以下是一些常见的 linux aliases 自动化任务示例: 快速导航到常用目录: alias …

    2025年4月29日
    000
  • 如何在 sublime text 中运行 c++ 代码

    在 #%#$#%@%@%$#%$#%#%#$%@_348c++880664f2e1458b899ced2a3518e6 text 中运行 c++ 代码需要配置构建系统。1. 安装 c++ 编译器(如 mingw、xcode 或 gcc)。2…

    2025年4月29日
    000
  • C语言如何对文件进行语法高亮显示

    本文将为大家详细介绍C语言如何实现文件的语法高亮显示。这是一项非常实用的技术,小编特此分享,希望能为大家带来一些启发和帮助。 语法高亮显示 语法高亮显示是一种通过使用不同颜色和样式来区分代码中不同元素的技术,如关键字、标识符、字符串和注释,…

    2025年4月29日
    000
  • java安装之后怎么用

    Java 安装后使用指南:配置环境变量:设置 JAVA_HOME 和 Path 变量,指向 Java 安装目录和 bin 目录。验证安装:运行 java -version,查看 Java 版本信息。创建 Java 程序:编写 .java 文…

    2025年4月2日
    200
  • java文件怎么加后缀名

    Java 文件的扩展名为 .java,用于指示文件包含 Java 源代码。若要添加此后缀名,可使用以下步骤:使用文件重命名工具:右键单击文件,选择“重命名”,在文件名末尾添加 .java 后缀名。使用文本编辑器:打开文件,在文件名末尾添加 …

    2025年4月2日
    200
  • eclipse有些文件乱码怎么解决

    要解决 Eclipse 中的文件乱码问题,请检查以下方面:1. 文件编码设置;2. Eclipse 工作区设置;3. 操作系统语言设置;4. 保存文件(使用正确的编码);5. 更新 Eclipse;6. 尝试其他解决方案,例如使用不同的文本…

    2025年4月2日
    200

发表回复

登录后才能评论