<commit_before>---
layout: post
title:  sublime实用插件
date:   2016-11-03 01:08:00 +0800
categories: document
tag: IDE
---

* content
{:toc}


几个我经常使用的sublime插件
====================================



sublime3安装插件方法
====================================

安装Package Control
------------------------------------

1.按Ctrl+`调出console（注：安装有QQ输入法的这个快捷键会有冲突的，输入法属性设置-输入法管理-取消热键切换至QQ拼音）
2.粘贴以下代码到底部命令行并回车：
{% highlight bash %}

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

{% endhighlight %}
3.重启Sublime Text 3。
4.如果在Perferences->package settings中看到package control这一项，则安装成功。

下载
------------------------------------

1.按下Ctrl+Shift+P调出命令面板
2.输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件。


DocBlockr
====================================

简介
------------------------------------

DocBlockr这个插件可以快速的生成js ,php 等语言函数注释

配置
------------------------------------

下载完成后打开Preferences -> Package Settings -> DocBlockr->Settings - User完善配置信息：

{% highlight bash %}
{
"jsdocs_extra_tags":["@author         zhaojun", "@lastUpdateDate {{datetime}}"]
}
{% endhighlight %}

使用
------------------------------------

在函数上面输入/** ,然后按tab 就会自动生成注释,例如

{% highlight bash %}
/**
 * @author         zhaojun
 * @lastUpdateDate 2016-11-03T11:47:39+0800
 * @param          [type]
 * @param          [type]
 * @param          [type]
 * @return         [type]
 */
function sendTemplateMsg($touser,$template_id,$json){
	//todo..
}
{% endhighlight %}

使用
------------------------------------

`LessOrMore`项目需要配置的只有一个文件`_config.yml`，打开之后按照如下进行配置。

> 特别注意`baseurl`的配置。如果是`***.github.io`项目，不修改为空''的话，会导致JS,CSS等静态资源无法找到的错误

{% highlight bash %}
name: 博客名称
email: 邮箱地址
author: 作者名
url: 个人网站
### baseurl修改为项目名，如果项目是'***.github.io'，则设置为空''
baseurl: "/LessOrMore"
resume_site: 个人简历网站
github: github地址
github_username: github用户名称
FB:
  comments :
    provider : duoshuo
    duoshuo:
        short_name : 多说账户
    disqus :
        short_name : Disqus账户
{% endhighlight %}

如何写文章
------------------------------------

在`LessOrMore/_posts`目录下新建一个文件，可以创建文件夹并在文件夹中添加文件，方便维护。在新建文件中粘贴如下信息，并修改以下的`titile`,`date`,`categories`,`tag`的相关信息，添加`* content {:toc}`为目录相关信息，在进行正文书写前需要在目录和正文之间输入至少2行空行。然后按照正常的Markdown语法书写正文。

{% highlight bash %}
---
layout: post
#标题配置
title:  标题
#时间配置
date:   2016-08-27 01:08:00 +0800
#大类配置
categories: document
#小类配置
tag: 教程
---

* content
{:toc}


我是正文。我是正文。我是正文。我是正文。我是正文。我是正文。
{% endhighlight %}

执行
------------------------------------

{% highlight bash %}
jekyll server
{% endhighlight %}

效果
------------------------------------
打开浏览器并输入URL`http://localhost:4000/`,回车。


为什么重复造轮子
====================================

很明显，我在重复造轮子。在13年接触到GIT，14年末接触到Jekyll，然后搭建了自己的博客，当时是选用了[JekyllThemes](http://jekyllthemes.org/)上的[Solar](https://github.com/mattvh/solar-theme-jekyll)主题，一直到现在。不过中间一直感觉页面风格还是偏暗，阅读不方便。并且有一些小的细节做的不是很好。在页面的跨平台浏览上有一些瑕疵。并且不区分一级标题和二级标题，导致没有重点强调。诸如此类，用了2年，用的越多，越发吃力，中间就一直在寻找新的能够让我一眼认定的主题。

虽然设计好看的主题很多。但是真正适合拿来做博客的却不多。中间一直没有找到合适的主题。直到有一天看到Less官网的主题之后，豁然觉得这就是我的博客想要的样子。简单而又不平凡。所以就决定了要把博客迁移到这个主题，然后拿了两天晚上来把这个主题做出来。

重复造了轮子，但是这个是迄今为止自己觉得最适合我的博客的轮子，所以是值得的！

关于作者
====================================

热爱开源，热爱折腾的Java程序猿。更多个人信息和联系方式可以参照[我的简介](http://www.hifreud.com/Resume.io/)。

关于打赏
====================================

如果你也像我一样在寻觅一个简洁的博客主题。不妨试下LessOrMore。

当然你也可以为了我的工作打赏！以激励我做出更好的东西。

支付宝
----------------

<img src="{{ '/styles/images/zhifubao.PNG' | prepend: site.baseurl }}" alt="支付宝二维码付款给Freud" width="310" />

微信
----------------
![微信二维码付款给Freud]({{ '/styles/images/weixin.png' | prepend: site.baseurl }})<commit_msg>sublime插件<commit_after>---
layout: post
title:  sublime实用插件
date:   2016-11-03 01:08:00 +0800
categories: document
tag: IDE
---

* content
{:toc}


#几个我经常使用的sublime插件



sublime3安装插件方法
====================================

安装Package Control
------------------------------------

1.按Ctrl+`调出console（注：安装有QQ输入法的这个快捷键会有冲突的，输入法属性设置-输入法管理-取消热键切换至QQ拼音）
2.粘贴以下代码到底部命令行并回车：
{% highlight bash %}

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

{% endhighlight %}
3.重启Sublime Text 3。
4.如果在Perferences->package settings中看到package control这一项，则安装成功。

下载
------------------------------------

1.按下Ctrl+Shift+P调出命令面板
2.输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件。


DocBlockr
====================================

简介
------------------------------------

DocBlockr这个插件可以快速的生成js ,php 等语言函数注释

配置
------------------------------------

下载完成后打开Preferences -> Package Settings -> DocBlockr->Settings - User完善配置信息：

{% highlight bash %}
{
"jsdocs_extra_tags":["@author         zhaojun", "@lastUpdateDate {{datetime}}"]
}
{% endhighlight %}

使用
------------------------------------

在函数上面输入/** ,然后按tab 就会自动生成注释,例如

{% highlight bash %}
/**
 * @author         zhaojun
 * @lastUpdateDate 2016-11-03T11:47:39+0800
 * @param          [type]
 * @param          [type]
 * @param          [type]
 * @return         [type]
 */
function sendTemplateMsg($touser,$template_id,$json){
	//todo..
}
{% endhighlight %}

EMMET
====================================

简介
------------------------------------

Emmetr这个插件可以使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度

使用
------------------------------------


在body内输入：

{% highlight bash %}
div.weui-col-33>div.emoticon-item>img[src="../img/emoticon/emoticon$.png"])*9 
{% endhighlight %}

会自动生成如下代码：

```html
<div class="weui-col-33">
                            <div class="emoticon-item"><img src="../img/emoticon/emoticon1.png" alt="表情1"></div>
                        </div>
                        <div class="weui-col-33">
                            <div class="emoticon-item"><img src="../img/emoticon/emoticon2.png" alt="表情2"></div>
                        </div>
                        <div class="weui-col-33">
                            <div class="emoticon-item"><img src="../img/emoticon/emoticon3.png" alt="表情3"></div>
                        </div>
                        <div class="weui-col-33">
                            <div class="emoticon-item"><img src="../img/emoticon/emoticon4.png" alt="表情4"></div>
                        </div>
                        <div class="weui-col-33">
                            <div class="emoticon-item"><img src="../img/emoticon/emoticon5.png" alt="表情5"></div>
                        </div>
                        <div class="weui-col-33">
                            <div class="emoticon-item"><img src="../img/emoticon/emoticon6.png" alt="表情6"></div>
                        </div>
                        <div class="weui-col-33">
                            <div class="emoticon-item"><img src="../img/emoticon/emoticon7.png" alt="表情7"></div>
                        </div>
                        <div class="weui-col-33">
                            <div class="emoticon-item"><img src="../img/emoticon/emoticon8.png" alt="表情8"></div>
                        </div>
                        <div class="weui-col-33">
                            <div class="emoticon-item"><img src="../img/emoticon/emoticon9.png" alt="表情9"></div>
                        </div>
```

nodeJS
====================================

简介
------------------------------------

nodeJS这个插件可以让sublime直接运行javascript文件


使用
------------------------------------

在编辑器中编写js脚本文件，然后按Alt+R可以在控制台看到js运行的结果

HTML/CSS/JS Prettify
====================================

简介
------------------------------------

这个插件可以快速格式化您的html/js/css代码

配置
------------------------------------

打开Preferences -> Package Settings -> HTML/CSS/JS Prettify->Set Prettify Preference
{% highlight bash %}
allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg", "vue","tpl"]
{% endhighlight %}

使用
------------------------------------

对需要格式化的代码进行右键 HTML/CSS/JS Prettify -> Prettify Code

{'fraction_non_alphanumeric': 0.275045759609518, 'fraction_numerical': 0.01976815131177547, 'mean_word_length': 2.28892455858748, 'pattern_counts': {'":': 3, '<': 49, '<?xml version=': 0, '>': 64, 'https://': 1, 'lorem ipsum': 0, 'www.': 1, 'xml': 1}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6425635', 'n_tokens_mistral': 3596, 'n_tokens_neox': 3707, 'n_words': 383}