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. Missing iOS Distribution signing identity问题解决

    问题描述 打包上传APPStore  Xcode报以下错误:Missing iOS Distribution signing identity for XXXXXX 查看证书后发现,Develop证书 ...

  2. 用html/css做的一个登入小界面(图片瀑布流)

    一个登入效果简易图:(色彩搭配有点乱,嘻嘻,可以在代码处改成自己喜欢的颜色) css样式的代码: style.css: @charset "utf-8";/* CSS Docume ...

  3. sublime text snippet代码片断

    $0 代表补全代码后放的位置   0 的权重是最低的 $1 最高 也等于${1:}  ${1: name}    1输入点的序号(1权重最高) name 自动补全的默认值      <conte ...

  4. nim

    上帝创造了一个n*m棋盘,每一个格子都只有可能是黑色或者白色的. 亚当和夏娃在玩一个游戏,每次寻找边长为x的正方形,其中每个格子必须为黑色,然后将这些格子染白. 如果谁不能操作了,那么那个人就输了. ...

  5. Codeforces 193D Two Segments 解题报告

    先是在蓝桥杯的网站上看到一道题: 给出1~n的一个排列,求出区间内所有数是连续自然数的区间的个数.n<=50000. 由于数据较弱,即使用O(N^2)的算法也能拿到满分. 于是在CF上发现了这一 ...

  6. Win异常: 除了chrome浏览器外,所有安装的软件都连不上网

    经查找资料,是LSP被篡改,恢复后使用正常. 百度百科  LSP: Layered Service Provider, 即分层服务提程序,Winsock 作为应用程序的 Windows 的网络套接字工 ...

  7. extjs下拉框添加复选框

    给ComboBox组件配置listConfig 下拉框代码: var gyslxcm = Ext.create('Ext.form.field.ComboBox',{ id : 'gyslxcm', ...

  8. Bootstrap_表单_表单样式

    一.基础表单 <form > <div class="form-group"> <label>邮箱:</label> <inp ...

  9. wdcp-apache开启KeepAlive提高响应速度

    因为我们的网站,媒体文件,js文件,css文件等都在同一个服务器上,并且,我们网站有非常多的图片,所以当建立好tcp链接之后,不应该马上关闭连接,因为每建立一次连接还要进行dns解析,以及启动一个ht ...

  10. 去除后台ckeditor的style="...."的样式

    .cnt_text .text img {/*width :auto !important;*/height :auto !important; max-width:660px;} 高度自适应,高度让 ...