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> </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> </p>
<h3>删除</h3>
<p> 删除后一个单词 ctrl+delete</p>
<p> 删除前一个单词 ctrl+backspace</p>
<p> 删除该行后面的所有单词 连按两次ctrl+k </p>
<p> 删除该行前面的所有单词 连按ctrl+k ctrl+backspace</p>
<p> 删除当前行 ctrl+shift+k</p>
<p><img src="https://images2015.cnblogs.com/blog/740839/201512/740839-20151224154435374-1056497099.gif" alt="" /></p>
<p> </p>
<h3>goto(ctrl+p)</h3>
<p> 文件名 要打开的文件 </p>
<p> :行 具体行(ctrl+g)</p>
<p> @名称 CSS选择器、HTMLID名及ID值、js事件及函数名(ctrl+r)</p>
<p> #关键字 具体的关键字(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> </p>
<h3>缩进 </h3>
<p> 向前缩进 tab、ctrl+[</p>
<p> 向后缩进 tab+shift、ctrl+]</p>
<p> </p>
<h3>注释</h3>
<p> 注释和取消注释单行 ctrl+/</p>
<p> 注释和取消注释大段代码 ctrl+shift+/</p>
<p> </p>
<h3>查找和正则</h3>
<p> 查找 ctrl+f</p>
<p> 替换 ctrl+h</p>
<p> 正则 在查找或替换面板中点击*号,或者alt+r</p>
<p> </p>
<h3>折叠</h3>
<p> 折叠代码 ctrl+shift+[</p>
<p> 展开代码 ctrl+shif+]</p>
<p> </p>
<h3>代码大小写</h3>
<p> 代码大写 连按ctrl+k ctrl+u</p>
<p> 代码小写 连按ctrl+k ctrl+l</p>
<p> </p>
<h3>其他</h3>
<p> 命令面板 ctrl+shift+p(可以进行模糊匹配)</p>
<p> 侧边栏 ctrl+k ctrl+b</p>
<p> 粘贴代码保持缩进格式 ctrl+shift+v</p>
<p> 闭合标签 alt+.</p>
<p> 选中光标所在的首尾标签 ctrl+shif+'</p>
<p> ctrl+, 按一次选中当前标签,按两次加选同级标签,按三次加选父级标签,以此类推</p>
<p> ctrl+shif+; 去掉父级元素,使自身提升一级,可连按,以此类推</p>
<p> </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 -> show console) 打开控制台,将上面的代码复制到控制台并回车</p>
<p> </p>
<p id="anchor11"><strong>emmet</strong></p>
<p> ! -> 自动生成骨架结构</p>
<p> #foo -> ID为'foo'</p>
<p> .foo -> 类名为'foo'</p>
<p> + -> 同级元素</p>
<p> *3 -> 生成3个元素</p>
<p> w100 -> width:100px</p>
<p> m5e -> margin: 5em</p>
<p> @f ->@font-face</p>
<p> $ ->从1开始的递增值</p>
<p> {} ->元素内容</p>
<p> lorem -> 生成一段随机字符</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->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><snippet>
<content><!<span style="color: #000000;">[CDATA[
</span><p style=<span style="color: #800000;">"</span><span style="color: #800000;">text-indent:2em</span><span style="color: #800000;">"</span>>${<span style="color: #800080;">1</span>}</p><span style="color: #000000;">
${</span><span style="color: #800080;">2</span><span style="color: #000000;">}
]]</span>></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>p2</tabTrigger>
<!-- Optional: Set a scope to limit <span style="color: #0000ff;">where</span> the snippet will trigger -->
<!-- <scope>source.python</scope> -->
</snippet> </pre>
</div>
<div><img src="https://images2015.cnblogs.com/blog/740839/201612/740839-20161222151616526-1187974417.gif" alt="" /></div>
<p> </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> </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]