安装完成后的sublime text,功能单纯地就像笔记本,然而,可以下载对应的插件,使得sublime text不仅仅局限于某一单一语言的编写,此处只提及到前端方面的使用,下面是前端一般使用到的插件:

首先,你需要安装package control才可以安装插件,安装package control的方法有两种,

第一种:打开package control的下载网站:https://packagecontrol.io/installation,复制对应版本的import代码,打开sublimeText,快捷键ctrl+`,粘贴刚刚复制的代码,回车,安装package control后,重启sublimetext,preference菜单下出现package control则安装成功。

第二种:网上下载package control文件,下载好以后,打开sublime text3,选择菜单Preferences->Browse Packages... 打开安装目录。此时会进入到一个叫做Packages的目录下,点击进入上一层目录Sublime Text3,在此目录下有一个文件夹叫做Installed Packages,把刚才下载的文件放到这里。然后重启sublime text3,点击查看Preferences菜单是否有Package Settings 和Package Control两个选项,如果有,则代表安装成功了。

==================================================================================================================================

确保packagecontrol安装好之后,下面介绍安装插件:打开sublime text,快捷键:ctrl+shift+p,输入并点击package control:install package,然后输入所需下载的插件名,点击即可安装。

===================================================================================================================================

  • EMMET

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

  • CSS3

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

  • HTML5

支持hmtl5规范的插件包,与Emmet插件配合使用,效果更好

  • JQUERY

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

  • CSS Extended Completions

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

  • JavaScript Completions

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

  • ColorHighlighter

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

  • BracketHighlighter

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

  • HTML-CSS-JS Prettify

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

  • SideBarEnhancements

一个可以自定义打开方式快捷键的工具包。他可以定义不同的快捷键打开不同的浏览器,比如:选中一个html文件,右键,可以选择你想用哪个浏览器打开该文件。

  • AutoFileName

快捷输入文件名,自动完成文件名的输入,如图片选取

  • AdvancedNewFile

假设有文件夹file。我们正在输入代码,又想在新的子目录下新建html文件的话用传统方式得很多步,新建目录,新建文件,保存等等等。

但是有了该插件之后,事情就变得简单了许多,只需要按下Ctrl+Shift+N,输入文件夹以及文件名,回车,你会发现已经子目录下的文件已经新建完成了!

  • Auto Close HTML Tags

写HTML代码时,输入“>”就会自动产生相应的闭合标签</>。

另外还有:js格式化插件:jsformat;css格式化插件:cssformat,如果你使用nodejs,可以下载nodejs插件,如果你使用markdown,可以下载markdown插件,这就是sublime不局限于某种语言的编写的强大之处。

sublimeText前端必备插件的更多相关文章

  1. Sublime编辑器 前端 必备插件

    sublime编辑器前端必备插件 下面这一行是Package Control包安装,它是sublime的插件包管理器.新安装的sublime 里没有Package Control,按一下ctrl+~, ...

  2. VSCode 前端必备插件

    VSCode 前端必备插件 Debugger for Chrome 让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试 { "versio ...

  3. Sublime Text3前端必备插件

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

  4. sublime前端必备插件

    1,docblockr     javascr 和 CSS快捷注释插件 在javascript中  写出函数后,/**+回车 就会出现下面函数注释补全. -----/** * @param {[typ ...

  5. atom 之 前端必备插件

    一. 语法支持 1. Language-label Ø ES2016.ESNext.JXS语法扩展 2. Language-postcss Ø Postcss语法高亮 二. 自动补全 1. Autoc ...

  6. 前端project师养成记:开发环境搭建(Sublime Text必备插件推荐)

    为了让自己更像一个前端project师,决定从开发环境開始武装自己. 本文将介绍前段project师开发的一些利器的安装步骤,主要包含了: 1.Node.js的安装 2.Grunt的安装及经常使用插件 ...

  7. 程序猿必备的8款web前端开发插件三

    1.HTML5 Canvas 3D波浪翻滚动画 之前我们分享过好几款基于HTML5 Canvas的波浪和水波纹动画,比如这款HTML5 3D波浪起伏动画特效和这款超酷无比的HTML5 WebGL水面水 ...

  8. VS Code折腾记 - (4) 常用必备插件推荐【前端】

    前言 这篇文章只要让你做一些基础的配置,把vscode变得更加顺手: 插件的需求不是一成不变,有些插件我已经移除了..在最新的VSCODE 1.9.1中, 部分以前用插件实现的功能已经集成了,那就没有 ...

  9. webpack入门--前端必备

    webpack入门--前端必备 什么是 webpack? webpack是一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX).coffee.样式(含less/sass).图片等都作为模块来 ...

随机推荐

  1. 线程相关函数(4)-pthread_mutex_lock(), pthread_mutex_unlock() 互斥锁

    互斥锁实例: #include <pthread.h>pthread_mutex_t mutex = PTHREAD_MUTEX_INITIALIZER;int pthread_mutex ...

  2. 每日英语:Asia Has World's Biggest Pay Gap, Study Finds

    In Asia, middle managers such as department heads make more than 14 times as much as operational emp ...

  3. Java GC 日志解析

    JVM 在Java应用程序优化中是不可缺少的一大重项,如何合理配置Java参数,如果验证配置参数的有效性,从GC日志中可以获得很重要的提示,以下是笔者对GC垃圾收集器默认开启的组合日志的部分的解析,希 ...

  4. ldap 使用 问题参考

    Q2.ldapsearch查询一个有30000多条记录时出现:Size limit exceeded 4 A2:服务器端配置文件有sizelimit 1000的限制!用管理员身份查询-D"c ...

  5. jQuery+html5实现的3D动态切换焦点轮播幻灯片

    今天爱编程给网友们分享一款基于jQuery+html5实现的3D动态切换焦点轮播幻灯片,支持左右箭头和圆点按钮播放控制,支持多种不同的3D动态切换特效,自适应全屏显示,兼容360.FireFox.Ch ...

  6. pip和 easy_insall的区别

    作为Python爱好者,如果不知道easy_install或者pip中的任何一个的话,那么......   easy_insall的作用和perl中的cpan,ruby中的gem类似,都提供了在线一键 ...

  7. 115个Java面试题和答案(下)

    转自:http://www.importnew.com/11028.html   第一篇讨论了面向对象编程和它的特点,关于Java和它的功能的常见问题,Java的集合类,垃圾收集器,本章主要讨论异常处 ...

  8. 关于Unity中的几何体,材质和FBX模型

    一.创建几何体的类型 1: 创建平面 Plane;2: 创建立方体 Cube;3: 创建球体 Sphere;4: 创建胶囊体 Capsule;5: 创建圆柱体 Cylinder;6: 3D文字 3D ...

  9. 【BZOJ】1635: [Usaco2007 Jan]Tallest Cow 最高的牛(差分序列)

    http://www.lydsy.com/JudgeOnline/problem.php?id=1635 差分序列是个好东西啊....很多地方都用了啊,,, 线性的进行区间操作orz 有题可知 h[a ...

  10. 转载 --iOS实用小技巧(2)-生成txt文本

    //不论是创建还是写入只需调用此段代码即可 如果文件未创建 会进行创建操作 - (void)writeToFileWithTxt:(NSString *)string{ dispatch_async( ...