余鸿伟 發表於 2015-12-24 16:19:00

sublime简要笔记

<h3>选中单词</h3>
<p>  选中当前单词     ctrl+d</p>
<p>  跳过当前单词     ctrl+k ctrl+d</p>
<p>  选中相同的所有单词  alt+f3</p>
<p>  多行游标 按住shift,然后按住鼠标右键向下拖动</p>
<p><img src="https://images2015.cnblogs.com/blog/740839/201512/740839-20151224151150296-2056871886.gif" alt="" /></p>
<p>&nbsp;</p>
<h3>行操作</h3>
<p>  选中当前行     ctrl+l</p>
<p>  复制当前行     ctrl+shift+d</p>
<p>  删除当前行     ctrl+shift+k</p>
<p>  和下一行合并    ctrl+j</p>
<p>  当前行上下移动   ctrl+shift+up、ctrl+shift+down</p>
<p>  在上行添加空行   ctrl+shift+enter</p>
<p>  在下行添加空行   ctrl+enter</p>
<p><img src="https://images2015.cnblogs.com/blog/740839/201512/740839-20151224153922640-657047367.gif" alt="" /></p>
<p>&nbsp;</p>
<h3>删除</h3>
<p>  删除后一个单词       ctrl+delete</p>
<p>  删除前一个单词       ctrl+backspace</p>
<p>  删除该行后面的所有单词   连按两次ctrl+k  </p>
<p>  删除该行前面的所有单词   连按ctrl+k ctrl+backspace</p>
<p>  删除当前行          &nbsp;ctrl+shift+k</p>
<p><img src="https://images2015.cnblogs.com/blog/740839/201512/740839-20151224154435374-1056497099.gif" alt="" /></p>
<p>&nbsp;</p>
<h3>goto(ctrl+p)</h3>
<p>  文件名   要打开的文件&nbsp;</p>
<p>  :行     &nbsp;具体行(ctrl+g)</p>
<p>  @名称   CSS选择器、HTMLID名及ID值、js事件及函数名(ctrl+r)</p>
<p>  #关键字  &nbsp;具体的关键字(ctrl+;)</p>
<div class="cnblogs_code">
<pre>:20<span>      20行
@body   找出body选择器
#a     找出页面中带有a的单词</span></pre>
</div>
<p><img src="https://images2015.cnblogs.com/blog/740839/201512/740839-20151224145430906-1682274288.gif" alt="" /></p>
<p>&nbsp;</p>
<h3>缩进&nbsp;</h3>
<p>  向前缩进 tab、ctrl+[</p>
<p>  向后缩进 tab+shift、ctrl+]</p>
<p>&nbsp;</p>
<h3>注释</h3>
<p>  注释和取消注释单行 ctrl+/</p>
<p>  注释和取消注释大段代码 ctrl+shift+/</p>
<p>&nbsp;</p>
<h3>查找和正则</h3>
<p>  查找 ctrl+f</p>
<p>  替换 ctrl+h</p>
<p>  正则 在查找或替换面板中点击*号,或者alt+r</p>
<p>&nbsp;</p>
<h3>折叠</h3>
<p>  折叠代码 ctrl+shift+[</p>
<p>  展开代码 ctrl+shif+]</p>
<p>&nbsp;</p>
<h3>代码大小写</h3>
<p>  代码大写 连按ctrl+k ctrl+u</p>
<p>  代码小写 连按ctrl+k ctrl+l</p>
<p>&nbsp;</p>
<h3>其他</h3>
<p>  命令面板         ctrl+shift+p(可以进行模糊匹配)</p>
<p>  侧边栏          ctrl+k ctrl+b</p>
<p>  粘贴代码保持缩进格式   ctrl+shift+v</p>
<p>  闭合标签         alt+.</p>
<p>  选中光标所在的首尾标签 &nbsp; &nbsp;ctrl+shif+'</p>
<p>  ctrl+,&nbsp;         按一次选中当前标签,按两次加选同级标签,按三次加选父级标签,以此类推</p>
<p>  ctrl+shif+;&nbsp;      去掉父级元素,使自身提升一级,可连按,以此类推</p>
<p>&nbsp;</p>
<h3 id="anchor10">插件</h3>
<p><strong>package control安装</strong></p>
<p>  代码地址:https://packagecontrol.io/installation</p>
<div class="cnblogs_code">
<pre><span style="color: #008000;">//</span><span style="color: #008000;">TEXT3</span>
import urllib.request,os,hashlib; h = <span style="color: #800000;">'</span><span style="color: #800000;">2915d1851351e5ee549c20394736b442</span><span style="color: #800000;">'</span> + <span style="color: #800000;">'</span><span style="color: #800000;">8bc59f460fa1548d1514676163dafc88</span><span style="color: #800000;">'</span>; pf = <span style="color: #800000;">'</span><span style="color: #800000;">Package Control.sublime-package</span><span style="color: #800000;">'</span>; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( <span style="color: #800000;">'</span><span style="color: #800000;">http://packagecontrol.io/</span><span style="color: #800000;">'</span> + pf.replace(<span style="color: #800000;">'</span> <span style="color: #800000;">'</span>, <span style="color: #800000;">'</span><span style="color: #800000;">%20</span><span style="color: #800000;">'</span>)).read(); dh = hashlib.sha256(by).hexdigest(); print(<span style="color: #800000;">'</span><span style="color: #800000;">Error validating download (got %s instead of %s), please try manual install</span><span style="color: #800000;">'</span> % (dh, h)) <span style="color: #0000ff;">if</span> dh != h <span style="color: #0000ff;">else</span> open(os.path.join( ipp, pf), <span style="color: #800000;">'</span><span style="color: #800000;">wb</span><span style="color: #800000;">'</span> ).write(by)</pre>
</div>
<div class="cnblogs_code">
<pre><span style="color: #008000;">//</span><span style="color: #008000;">TEXT2</span>
import urllib2,os,hashlib; h = <span style="color: #800000;">'</span><span style="color: #800000;">2915d1851351e5ee549c20394736b442</span><span style="color: #800000;">'</span> + <span style="color: #800000;">'</span><span style="color: #800000;">8bc59f460fa1548d1514676163dafc88</span><span style="color: #800000;">'</span>; pf = <span style="color: #800000;">'</span><span style="color: #800000;">Package Control.sublime-package</span><span style="color: #800000;">'</span>; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) <span style="color: #0000ff;">if</span> not os.path.exists(ipp) <span style="color: #0000ff;">else</span> None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( <span style="color: #800000;">'</span><span style="color: #800000;">http://packagecontrol.io/</span><span style="color: #800000;">'</span> + pf.replace(<span style="color: #800000;">'</span> <span style="color: #800000;">'</span>, <span style="color: #800000;">'</span><span style="color: #800000;">%20</span><span style="color: #800000;">'</span>)).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), <span style="color: #800000;">'</span><span style="color: #800000;">wb</span><span style="color: #800000;">'</span> ).write(by) <span style="color: #0000ff;">if</span> dh == h <span style="color: #0000ff;">else</span> None; print(<span style="color: #800000;">'</span><span style="color: #800000;">Error validating download (got %s instead of %s), please try manual install</span><span style="color: #800000;">'</span> % (dh, h) <span style="color: #0000ff;">if</span> dh != h <span style="color: #0000ff;">else</span> <span style="color: #800000;">'</span><span style="color: #800000;">Please restart Sublime Text to finish installation</span><span style="color: #800000;">'</span>)</pre>
</div>
<p>  安装步骤:ctrl+`(或者view -&gt; show console) 打开控制台,将上面的代码复制到控制台并回车</p>
<p>&nbsp;</p>
<p id="anchor11"><strong>emmet</strong></p>
<p>  !   -&gt; 自动生成骨架结构</p>
<p>  #foo -&gt; ID为'foo'</p>
<p>  .foo &nbsp;-&gt; 类名为'foo'</p>
<p>  +&nbsp;  -&gt; 同级元素</p>
<p>  *3&nbsp; -&gt; 生成3个元素</p>
<p>  w100 -&gt; width:100px</p>
<p>  m5e &nbsp; -&gt; margin: 5em</p>
<p>  @f&nbsp;  &nbsp;-&gt;@font-face</p>
<p>  $  -&gt;从1开始的递增值</p>
<p>  {}&nbsp; -&gt;元素内容</p>
<p>  lorem -&gt;&nbsp;生成一段随机字符</p>
<p> <img src="https://images2015.cnblogs.com/blog/740839/201512/740839-20151224161509390-714105882.gif" alt="" /></p>
<h3>代码段</h3>
<p style="text-indent: 2em;">Sublime中的代码叫snippets,位于Preferences-&gt;Browse Packages中的User文件夹下的snippnets文件夹中</p>
<p style="text-indent: 2em;">里面存放着自定义的各种代码段</p>
<div><img src="https://images2015.cnblogs.com/blog/740839/201612/740839-20161222145448276-679100461.png" alt="" /></div>
<p style="text-indent: 2em;">一般地,人们常用markdown语言来编写网络文档,但我觉得markdown语言生成的html文件不太干净。使用sublime配合代码段就可以生成比较干净的html文件</p>
<p style="text-indent: 2em;">以生成一个首行缩进的段落为例</p>
<p style="text-indent: 2em;">使用Tools-Developer-New Snippet来新建一个代码段,如下所示</p>
<div><img src="https://images2015.cnblogs.com/blog/740839/201612/740839-20161222151054964-1494601313.gif" alt="" /></div>
<p style="text-indent: 2em;">然后进行如下设置,\${1}和\${2}分别代表着代码生成时出现的位置,以及按Tab按键后出现的位置;tabTrigger元素的内容p2代表该snippet的快捷键,输入p2,再按住tab按键,则出现自定义的代码</p>
<div class="cnblogs_code">
<pre>&lt;snippet&gt;
    &lt;content&gt;&lt;!<span style="color: #000000;">[CDATA[
</span>&lt;p style=<span style="color: #800000;">"</span><span style="color: #800000;">text-indent:2em</span><span style="color: #800000;">"</span>&gt;${<span style="color: #800080;">1</span>}&lt;/p&gt;<span style="color: #000000;">
${</span><span style="color: #800080;">2</span><span style="color: #000000;">}
]]</span>&gt;&lt;/content&gt;
    &lt;!-- Optional: Set a tabTrigger to define how to trigger the snippet --&gt;
    &lt;tabTrigger&gt;p2&lt;/tabTrigger&gt;
    &lt;!-- Optional: Set a scope to limit <span style="color: #0000ff;">where</span> the snippet will trigger --&gt;
    &lt;!-- &lt;scope&gt;source.python&lt;/scope&gt; --&gt;
&lt;/snippet&gt;    </pre>
</div>
<div><img src="https://images2015.cnblogs.com/blog/740839/201612/740839-20161222151616526-1187974417.gif" alt="" /></div>
<p>&nbsp;</p>
<h3>命令行启动</h3>
<p>  如果要在命令行中使用subl命令启动sublime,只需要将sublime的安装目录添加到环境变量即可</p>
<div><img src="https://images2015.cnblogs.com/blog/740839/201707/740839-20170720174223068-1089627490.png" alt="" /></div>
<p>  使用命令行工具,新建一个a.js</p>
<div><img src="https://images2015.cnblogs.com/blog/740839/201707/740839-20170720174547302-893834663.gif" alt="" /></div>
<p>&nbsp;</p>

</div>
<div id="MySignature" role="contentinfo">
    <p><span>好的代码像粥一样,都是用时间熬出来的</span></p>
<img src="https://pic.xiaohuochai.site/blog/qrcode.jpg" alt="二维码"><br><br>
来源:https://www.cnblogs.com/xiaohuochai/p/5073179.html
頁: [1]
查看完整版本: sublime简要笔记