sublime编辑器前端必备插件
下面这一行是Package Control包安装,它是sublime的插件包管理器。新安装的sublime 里没有Package Control,按一下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)
------------------
完成之后就会发现Preferences 菜单下有一个Package Control选项,点击或者按shift+ctrl+p,然后输入install Package回车,输入你想安装的包名称
----------------------
ColorPicker //颜色显示
Colorcoder //高亮所有变量
Bracket Highlighter //代码匹配
Emmet //html,css 快捷输入
SideBarEnhancements //左侧目录树中 右键新建文件功能
AutoFileName //自动补全文件名
color picker //颜色显示
JavaScript Completions //js提示插件
ConvertToUTF8 //解决打开中文字符乱码
autofilename //路径提示
sublime Trans-master //背景透明
如果是下载,把SublimeTextTrans-master文件夹放到 Preferences(首选项) - Browse Packages(浏览插件包) 的文件夹里;
JavaScript Next //提示,可装可不装
 
--------------
下面三个放在(首选项)Preferences -Setting User配置文件里,逗号隔开, 版本之后在Preferences -Settings里
文件夹名高亮
"bold_folder_labels": true,
--------------
光标当前行高亮
"highlight_line": true,
--------------
开始和关闭vim模式,开启就删除或者注销中括号里的内容"Vintage"
{
"ignored_packages":
[
"Vintage"
]
}
 
-------------------------------
 
theme-soda //主题
Seti UI //主题,可装可不装
Spacegray //一款主题 安装完成后在settings中写入下面这些字段
安装主题只需要在install里输入主题名,下载完成后在Preferences -Settings写入一些字段,一般下载安装之后出现的窗口会提示这些信息,复制保存下来。
 
比如安装了Spacegray主题, 就在Preferences -Settings写入如下字段:
"theme": "Spacegray.sublime-theme",
"color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme"
 
P.S.注意

 1,ctrl+~这个快捷键按了没出来可能与其他应用有冲突,比如QQ拼音,建议在QQ拼音里关闭掉这个快捷键,也可以用鼠标点击sublime菜单栏的view-Show Console
2,翻译软件也会导致很多冲突,建议关闭掉鼠标划译,取词,划词 翻译功能。
3,显示There are no packages available for installation 要么是需要FQ,要么是你的网络不好,要么是拒绝你了请稍后继续。

Sublime编辑器 前端 必备插件的更多相关文章

  1. Sublime Text3前端必备插件

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

  2. VSCode 前端必备插件

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

  3. sublime Text3 前端常用插件

    sublime Text3 前端常用插件 - File Switching (文件切换) --- Sublime Text提供了一个非常快速的方式来打开新的文件.只要按下Ctrl+ P并开始输入你想要 ...

  4. sublime前端必备插件

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

  5. Atom 编辑器 前端基本插件

    Atom 编辑器插件 这个编辑器是github出品,现在处于免费试用期:如果是初学者,可以使用这个编辑器,插件安装很方便,只需要点菜单栏的File-Settings-Install,在搜索框中输入想要 ...

  6. sublime text 前端开发插件安装和配置

    前端开发sublimeconfig mac配置 此文件目录中文件主要是关于sublime的插件配置,快捷键配置,主题和字体配置. 插件列表 所有插件都可以使用Package Control安装,具体的 ...

  7. sublimeText前端必备插件

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

  8. sublime text3前端开发插件配置以及使用(个人喜爱)

    第一步下载软件接着Ctrl +~ (回车)把下面安装包管理添加到sublimeimport urllib.request,os; pf = 'Package Control.sublime-packa ...

  9. sublime text3前端常用插件

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

随机推荐

  1. kvo深入浅出举例

    一,概述   KVO,即:Key-Value Observing,它提供一种机制,当指定的对象的属性被修改后,则对象就会接受到通知.简单的说就是每次指定的被观察的对象的属性被修改后,KVO就会自动通知 ...

  2. 数据挖掘经典书籍[ZZ]

    数据挖掘就是在数据库中查找所需数据的过程,它是随着数据库产生的一门学科.近几年,数据库的发展还是非常迅速的,数据挖掘也成为热门技术,学习的人络绎不绝.下面给大家介绍的就是数据挖掘经典书籍及数据挖掘书籍 ...

  3. SGU 135.Drawing Lines

    水题,不说了. #include <iostream> using namespace std; int f[70000]={1}; int n; int main(){ cin>& ...

  4. HDU 4010.Query on The Trees 解题报告

    题意: 给出一颗树,有4种操作: 1.如果x和y不在同一棵树上则在xy连边 2.如果x和y在同一棵树上并且x!=y则把x换为树根并把y和y的父亲分离 3.如果x和y在同一棵树上则x到y的路径上所有的点 ...

  5. underscorejs-partition学习

    2.25 partition 2.25.1 语法: _.partition(list, predicate, [context]) 2.25.2 说明: 拆分list为两个数组. 第一个数组的元素都满 ...

  6. C# 窗体靠近屏幕边缘自动隐藏*学习(类似于QQ)

    using System; using System.Collections.Generic; using System.Drawing; using System.Windows.Forms; us ...

  7. 分数拆分( Fractions Again, UVA 10976)-ACM

    It is easy to see that for every fraction in the form  (k > 0), we can always find two positive i ...

  8. php 获取域名的whois 信息

    首先先了解几个文件操作函数: fwrite() 函数写入文件(可安全用于二进制文件). fwrite() 把 string 的内容写入文件指针 file 处. 如果指定了 length,当写入了 le ...

  9. PHP面向对象(OOP):PHP5接口技术(interface)

    PHP与大多数面向对象编程语言一样,不支持多重继承.也就是说每个类只能继承一个父类.为了解决这个问题,PHP引入了接口,接口的思想是指定了一个实现了该接口的类必须实现的一系列方法.接口是一种特殊的抽象 ...

  10. SAE flask及其扩展 bug指南

    1. ImportError: No moudle named ext.bootstrap 导入依赖包失败 SAE会提供一种机制通过导入virtualenv.bundle来解决 此处有坑:官网文档中说 ...