;我为了方便都写到一个html中了;请把这个script标签中的内容单独写在一个js文件里 //整个插件写在一个立即执行函数里;就是function(){}();函数自执行;保证里面的变量不会与外界互相影响...号(叹号)或者;(分号)这不是写错了,为了防止那个二货写的js结束没有分号;而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...document,jQuery) 或者写在一个闭包里(function(){ }()) */ (function(win,doc,undefined){ //我们随便写一个插件吧...addHtml.prototype = {//给函数写方法;这里可能不止一个函数;你还记得你在全局里写一个个的function吗;贼乱; //找也不好找;把一个个函数都写到对象的属性里;...--这里是最简单的插件写法;当然还有传对象参数的插件等等。。。。-->
HTML/CSS/JS Prettify(代码格式化) 能够格式化css html和js。 注意:格式化的文件路径中不能有中文,不然会报找不到node的错误(windows下)。...YUI Compressor(压缩JS和CSS文件) PHPTidy(整理与排版PHP代码) JsFormat(javascript格式化) 格式化js代码,这个插件很有用,我们有时在网上看到某些效果...Prefixr(自动加-webkit前缀) 写 CSS可自动添加 -webkit 等私有词缀,Ctrl+Alt+X触发。...,这个插件可以让sublime像vim一样。...Liquid(Liquid语法识别) 提供Liquid语法支持,如果你也写博客的话不妨试试。 Smarty(Smarty语法识别) 提供smarty语法的支持。
原文地址:https://github.com/lianxiaozhuang/blog 转载请注明出处 js 写插件教程深入 1.介绍具有安全作用域的构造函数 function Fn(name...constructor:Fn, getF:function(){ console.log(1); } } new Fn(); //new 出来的Fn就是一个构造函数 //倘若有人忘记写new...Fn.prototype = { constructor:Fn, getF:function(){ console.log(1); } } 2.默认参数 //我们用过一些插件...,如果方法和实例本身有关,应该写道this中 4.方法名防止冲突处理 //如果在引入你的插件之前,window下已经有Fn的变量;怎么办,你如果这么搞; 岂不是把别人写的Fn搞掉了 //此时应该把...typeof define === 'function') define(function() { return MyPlugin; }); //注册全局变量,兼容直接使用script标签引入该插件
安装Package Control 打开Sublime Text2, 调出Console( Control +` 或者 View->Show Console); Control +` ctrl...+ ` 粘贴下面的代码到命令行 import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path...if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net.../'+pf.replace(' ','%20')).read()) 然后就可以 Control + shift + p安装插件 Control + shift + p ctrl + shift + p...常用插件 SublimeCodeIntel 代码智能提示插件 ---- 后续更新
这个插件是需要下载执行软件才能够操作的,下载地址 http://prdownloads.sourceforge.net/ctags/ctags58.zip 然后解压到自己感兴趣的目录 2.preferences...下点击install packages control,并等待成功 3.sublime中安装ctags插件 Ctrl+Shift+P ,输入Install Package后,输入Ctags安装 4.安装完成
Sublime Terminal ColorPicker 通常,如果你想使用一个颜色选择器则可能打开 Photoshop 或 GIMP。...HTML-CSS-JS Prettify 一款集成了格式化(美化)html、css、js三种文件类型的插件,即便html,js写在PHP文件之内。...CSScomb CSS属性排序: 有时候看看自己写的CSS文件,会不会觉得属性很乱查找不易维护难?CSScomb可以按照一定的CSS属性排序规则,将杂乱无章的CSS属性进行重新排序。...当然,可以自己自定义CSS属性排序规则,打开插件目录里的CSScomb.sublime-settings文件,更改里面的CSS属性顺序就行了。...因为这个插件使用PHP写的,要使他工作需要在环境变量中添加PHP的路径,具体请看github上的说明。 SFTP:快速编辑远程服务器文件 DocBlockr: 代码块注释 可以快速的对函数进行注释。
详细设置 && 20+插件 为什么要选择Sublime Text3? Sublime Text3 自动保存,打开图片 跨平台启动快,多行选择。 插件,简直选不过来。...插件的安装与使用 安装package control。 这里我使用的是sublime_text3, 2的话上官网查询代码。 首先打开package control的官方网站。...如果你从没有使用过类似的工具,DocBlockr 会让你觉得以前没有它是如何写代码的。帮助你创造你的代码注释,通过解析功能,参数,变量,并且自动添加基本项目。...把原来的禁用了吧 NO.14 Color Highlighter :CSS颜色高亮 这个插件我等了很久了(在使用breakets的时候发现 的,好用到爆),我最早用Sublime Text写CSS...这两个插件的功能就是可以用浏览器浏览 Sublime Text 中编写的 markdown文件。
本文告诉大家一些好用的 Sublime Text 插件 Git Gutter 在左边显示新建的行和修改的 请看下面的图片 jisaacks/GitGutter: A Sublime Text 2/3
Sublime Text 3 就 Sublime Text 3 来说主要的扩展包如下 All Autocomplete 自动补全,默认 Sublime Text 只会补全本文件的内容,此扩展会补全所有的...SideBarEnhancements 侧边栏增强 SimplePHPUnit PHP 单元测试 SublimeLinter-csslint css 的提醒和检查 SublimeLinter-jshint JS...SublimeLinter-php 使用php -l做 PHP 语法检查 VCS Gutter 配合 git/svn 在行号边上显示文件的修改 Xdebug Client Xdebug 步进式 debug Sublime...Text 主题 ayu 安装好主题之后配置文件 Sublime Text > Preferences > Settings { "color_scheme": "Packages/ayu/ayu-mirage.tmTheme...ui_big_tabs": true, "ui_fix_tab_labels": true, "ui_font_size_small": true, "ui_separator": true } Sublime
h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package...'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener...ignored_packages": [ "Vintage" ], "show_encoding": true, "theme": "Material-Theme.sublime-theme...", "update_check": false, "tab_size": 4, "translate_tabs_to_spaces": true, } 插件 GoSublime...Git Git Gutter VCS Gutter HTML-CSS-JS Prettify SqlBeautifier ctrl+k Terminal nginx nginx语法高亮 ApacheConf.tmLanguage
而一直使用的 Sublime Text 是绿色版本,直接拷贝过来后启动,编辑等操作都是正常的,但在尝试安装新的插件时就遇了如下的问题。...for installation 然后检查安装目录下的 channel_v3.json 文件是正常的,只好尝试打印系统日志来看追踪下问题,使用 Ctrl + ~ 快捷键打开终端,输入如下的代码开启: 1 sublime.log_commands...(True) 注: 千万记得在调试完成后关闭日志输出 再次尝试安装插件时,便发现提示系统找不到指定的路径异常,一看那个路径才恍然大悟,然后来是之前电脑的安装位置,那只要更新下配置文件路径就好啦。...打开 Preferences -> Package Settings -> Package Control -> Settings 选项修改 channels 的参数值,保存后便可以成功安装插件啦。
ed8e37ab0006abb800000002593bf5c2 http://www.cnblogs.com/EnSnail/p/6294897.html 2、官方下载sumblime 3及安装Package Control,下载emmet插件...Ctrl+Alt+A和QQ截屏冲突,可设置其他快捷键如:Ctrl+Shift+Alt+A;先选择要对齐的文本 5、SublimeCodeIntel SublimeCodeIntel 作为一个代码提示和补全插件...XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js...可以通过安装插件GBK Support,来识别GBK和ANSI。...①.菜单Sublime Text → Preferences → Key Bindings(点击),则打开了Defult(OSX).sublime-keymap — User文件。
使用Sublime Text 3写Markdown 安装Markdown Preview 插件 目前Sublime Text 3已经支持高亮显示原始Markdown和MultiMarkdown语法...在需要生成目录的地方写[TOC]即可。.... */ "enable_mathjax": true, /* Enable or not highlight.js support for syntax...因为上两种插件已经够用,就不再研究它了,仅仅Mark下。...: [1]:通过sublime text2/3来编辑markdown:简介了Markdown语法、markdown Preview插件安装以及markdown高亮修改。
本文作者:IMWeb 黎清龙 原文出处:IMWeb社区 未经同意,禁止转载 sublime 插件基础知识介绍 下面通过一个sublime插件【CSScomb】介绍一下sublime插件的基础知识...1 sublime插件的安装 1.1 使用Package Control安装 如果是Package Control的插件,可以通过Package Control来安装插件 首先通过官方文档安装Package...1.2 源码安装 源码安装比较简单,直接把插件的源码放到sublime的插件文件夹下即可 sublime本身有绿色版的,所以插件文件夹可能会不固定 【Ctrl + `】或者【View】-->【Show...Console】打开控制台,然后通过【print(sublime.packages_path())】脚本即可打印插件根目录,如下: ?...2 插件的配置 一般在【Preferences】菜单会找到相应的插件 如果插件本身是可配置的就有,否则不会出现在该菜单上 sublime的配置分为两种:【Default】和【User】 【Default
上一篇文章和大家分享了sublime的使用, 今天来和大家聊聊他丰富的插件 , 上一篇说了安装插件,但插件安装后如何使用如何设置呢? 有哪些能提高我们工作效率的插件呢 ?...安装插件,首先需要Package Control 如何安装我们上一篇已经说过了, 不清楚的同学回顾上一篇。...大家在项目中写todo list的时候是不是用记事本草草的记录,没有跟踪,没有标注,是否完成无法直观的一眼看清楚,现在有了solution。...用 ⌘+R (Windows用Ctrl+R)查看项目列表并可在项目之间快速跳转 F6 开启或关闭拼写检查 这次就着重介绍这个插件吧, 改天再写个其他插件。文章有点枯燥,请谅解, 适合躺平了看 。...二 Emmet 我不是做前端的, 体会的不是很真切, 请做前端同学出来可以评论下这款插件 就是你最需要的那个插件,自动补齐什么的,功能太多。
emmet BracketHighlighter 等号匹配 colorpicker 颜色拾取 DocBlockr 注释 jsformat js格式化 SublimeCodeIntel sideBarEnhancements...FileDiffs FileDiffs插件可以让开发者比较两个不同文件的差异,比较的对象包括当前文件、另一文件、剪切板中的代码甚至未保存文件等。...Alignment Aligment插件让开发者自动对齐代码,包括PHP、CSS、JavaScript语言。使得代码看起来更整齐美观,更具可读性。
5F7EF854 86B9743C FADC04AA FB0DA5C0 F913BE58 42FEA319 F954EFDD AE881E0B ------ END LICENSE ------ 安装插件管理器...– Command Paletter),输入 install 选中Install Package并回车,输入或选择你需要的插件回车就安装了(注意左下角的小文字变化,会提示安装成功) 常用插件 HTML-CSS-JS...CssComb CSS属性进行排序和格式化插件 需要nodejs支持 Autoprefixer CSS3前缀补充插件 需要nodejs支持 在输入CSS3属性后(冒号前)按Tab键 Colorpicker...颜色选择器 Alignment (代码对齐) 一个非常简单和易于使用的插件,使你的代码组织和美观。...使用方法:选中要调整的行,然后按 Ctrl+ Alt + A SidebarEnhancements 在侧边栏的文件上右击时,这个插件提供了大量更多的选择。
本文主要记录我经常使用的sublime插件,持续更新中。...auto-save:自动保存修改的问文件 filediffs:文件diff工具 sidebarenhancements:边框功能增强,很有用的一个插件 gitgutter:配合git显示文件被修改后的标识...golangbuild:sublime的官方go编译 gotools:go语言工具整合 golang tools integration:go语言工具整合,自动格式化和调用goimports...,在上层目录找到本地包安装目录Installed Packages/,将下载的文件复制到该目录,重启sublime即可。...2 安装插件报错There are no packages available for installation 解决办法: Preferences -> Package Settings -> Package
我自己的部分操作如下: 学习Sublime Text扩展插件的安装前,让我们来先了解一下它的插件官方网站:https://packagecontrol.io/。 ?...有了它,我们就可以很方便的浏览、安装和卸载Sublime Text中的插件。 ...当插件安装成功后,Sublime Text 3 编辑器底端的状态栏会有安装成功的提示。...c)安装方法二:你还可以下载完整的插件包后解压,放入 C:\Users\Bruce\AppData\Roaming\Sublime Text 3\Packages 目录下,以达到安装插件的目的。...一个快捷的方法是:双击打开你的 “Sublime Text 3”,点菜栏 “Preferences(首选项)--->Browse Packages(浏览插件目录)”。
sublime 插件基础知识介绍 下面通过一个sublime插件【CSScomb】介绍一下sublime插件的基础知识 1 sublime插件的安装 1.1 使用Package Control安装 如果是...1.2 源码安装 源码安装比较简单,直接把插件的源码放到sublime的插件文件夹下即可 sublime本身有绿色版的,所以插件文件夹可能会不固定 【Ctrl + `】或者【View】-->【Show...Console】打开控制台,然后通过【print(sublime.packages_path())】脚本即可打印插件根目录,如下: ?...2 插件的配置 一般在【Preferences】菜单会找到相应的插件 如果插件本身是可配置的就有,否则不会出现在该菜单上 sublime的配置分为两种:【Default】和【User】 【Default...那个就是指令的命令字,用脚本通过sublime的官方api来执行该命令字就可以执行插件了 5 寻找插件 5.1 Package Control Package Control自建了包管理系统,它里面有许多优秀的插件