安装完成后的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. SMBUS的介绍与访问

    博文是为了总结自己在bios学习上面的点点滴滴,并且加深印象,由于本人水平有限,难免存在不足之处,望指正,同时感谢CSDN提供的平台.本文主要介绍的是SMBUS. 1  SMBUS的简介 特点: SM ...

  2. Windows剪贴板操作简单小例

    1.复制文字到剪贴板 CString strText = L"须要拷贝到剪贴板的文字"; if ( ::OpenClipboard(m_hWnd) ) { if ( ::Empty ...

  3. 危险系数 set容器

    题目描述 抗日战争时期,冀中平原的地道战曾发挥重要作用. 地道的多个站点间有通道连接,形成了庞大的网络.但也有隐患,当敌人发现了某个站点后,其它站点间可能因此会失去联系. 我们来定义一个危险系数DF( ...

  4. GuozhongCrawler看准网爬虫动态切换IP漫爬虫

    有些关于URL去重的方面代码没有提供,须要自己去实现.主要这里提供思路 项目地址:http://git.oschina.net/woshidaniu/GuozhongCrawler/tree/mast ...

  5. [kernel]内核日志及printk结构分析

    一直都知道内核printk分级机制,但是没有去了解过,前段时间和一个同事聊到开机启动打印太多,只需要设置一下等级即可:另外今天看驱动源码,也看到类似于Printk(KERN_ERR "... ...

  6. ansible ansible_os_family == "RedHat" and ansible_lsb.major_release|int >= 6 转为数字比大小

    字符串转换为数字型再去比较 tasks: - shell: echo "only on Red Hat 6, derivatives, and later" when: ansib ...

  7. 让 MySQL 支持 emoji 存储

    要让 MySQL 开启 utf8mb4 支持,需要一些额外的设置. 1. 检查 MySQL Server 版本 utf8mb4 支持需要 MySQL Server v5.5.3+ 2. 设置表的 CH ...

  8. Tensorflow之快速加载MNIST数据集

    from tensorflow.examples.tutorials.mnist import input_data import tensorflow as tf def myprint(v): p ...

  9. 如果没有指定Cookie的时效,那么默认的时效是。(选择1项)

    如果没有指定Cookie的时效,那么默认的时效是.(选择1项) A.一天 B. 永不过期 C.会话级别 D.一分钟 解答:C 这是API的原文:By default, -1 indicating th ...

  10. 哪一个不是EL定义的隐式对象?(选择1项)

    哪一个不是EL定义的隐式对象?(选择1项) A cookie B.pageContext C.attributes D initParam 解答:C 1)pageContext:JSP 页的上下文.它 ...