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. Spring配置多数据源错误总结

    由于系统需要调用多个数据源包含mysql,sqlServe和Oracle,所以要在Spring的xml文件中配置多数据源,一下是配置过程中常见的错误: 1.配置的是mysql的数据源,却报oracle ...

  2. Java学习----集合框架总结

    集合框架总结: Collection接口: Set接口: HashSet//对象必须实现hashCode方法,元素没有顺序呢,效率比LinkedHashSet高 LinkedHashSet//是Has ...

  3. 定时器内部的this

    今天写了个例子遇见的: timer1=setTimeout(function(){ $(this).next().css("display","none") } ...

  4. 汇总前端最最常用的JS代码片段

    html5选择器 //参数均接收一个合法的css选择器 element = document.querySelector('.foo,.bar');//返回带有foo或者bar样式类的首个元素 ele ...

  5. Asp.Net使用异步性能就提升吗

      Asp.Net异步编程 随着.Net4.5的推出,一种新的编程方式简化了异步编程,在网上时不时的也看到各种打着Asp.Net异步编程的口号,如何提高性能,如何提高吞吐率! 好多文章都说得不清楚,甚 ...

  6. python【第六篇】面向对象编程

    面向对象编程 一.编程范式:编程的方法论.程序员编程的“套路”及“特点”特点总结,抽象成方法.规范. 二.面向对象编程介绍: 1.描述 世界万物,皆可分类:世间万物,皆为对象:只要是对象,就肯定属于某 ...

  7. tomcat架构分析-索引

    出处:http://gearever.iteye.com tomcat架构分析 (概览) tomcat架构分析 (容器类) tomcat架构分析 (valve机制) tomcat架构分析 (valve ...

  8. 一篇旧文章,结合汇编探索this指针

    //VC6.0下成功编译 #include <iostream.h> class X{ public: void foo(int b,int c){ this->a=b*c; cou ...

  9. java学习之面向对象概念

    思考的两种方式: 举例: 把大象放到冰箱里 一.面向过程 :[打开冰箱->把大象放里面->关上冰箱门]面向过程注重的是过程,也就是(动作[函数]),然后按照动作依次去执行就好了. 代表语言 ...

  10. [LeetCode#55, 45]Jump Game, Jump Game II

    The problem: Given an array of non-negative integers, you are initially positioned at the first inde ...