标签：print mkdir sublime urllib 资源管理 爬虫 批量替换 item url
html:5 或!：用于HTML5文档类型
html:xt：用于XHTML过渡文档类型
html:4s：用于HTML4严格文档类型
p#foo 补充ID
p.foo 补充类
h1{foo} 和 a[href=#] 为h1和a标签
>：子元素符号，表示嵌套的元素
+：同级标签符号
^：可以使该符号前的标签提升一行
效果如下图所示：
嵌套写法
(.foo>h1)+(.bar>h2)
生成：
<div class="foo">
<h1></h1>
</div>
<div class="bar">
<h2></h2>
</div>
分组写法
ul>li*3
定义多个元素
ul>li.item$*3 $代表尾数不同1、2、3
定义多个带属性
1）w100 =》 width: 100px;
2）p 表示%
e 表示 em
x 表示 exh10p+m5e =》 height: 10%; margin: 5em;
3）@f
@font-face {
font-family:;
src:url();
}
4）模糊匹配
ov:h、ov-h、ovh和oh
模糊匹配
5）供应商前缀
如果输入非W3C标准的CSS属性，Emmet会自动加上供应商前缀，比如输入trs，则会生成：
-webkit-transform: ;
-moz-transform: ;
-ms-transform: ;
-o-transform: ;
transform: ;
快速生成前缀
你也可以在任意属性前加上“-”符号，也可以为该属性加上前缀。比如输入-super-foo：
-webkit-super-foo: ;
-moz-super-foo: ;
-ms-super-foo: ;
-o-super-foo: ;
super-foo: ;如果不希望加上所有前缀，可以使用缩写来指定，比如-wm-trf表示只加上-webkit和-moz前缀：
-webkit-transform: ;
-moz-transform: ;
transform: ;前缀缩写如下：
w 表示 -webkit-
m 表示 -moz-
s 表示 -ms-
o 表示 -o-
6）渐变
输入lg(left, #fff 50%, #000)
渐变快捷生成
7）其他参考
http://devework.com/emmets-css.html
https://www.douban.com/note/299285545/?qq-pf-to=pcqq.c2c
1）c+s+p
2）pcic
3）输入sublimeCodeIntel
虽然PostCSS才是未来，但是Sass成熟稳定，拥有一大波忠实的使用者，及开源项目，且最近Bootstrap 4 alpha也从Less转到Sass了。所以了解Sass还是非常有必要的。
基于快速开发及效率，我开发环节习惯通过编辑器插件来完成Less/Sass编译，这样可以快速定位、修复Bug。
下面介绍一款Sublime Text的插件SASS build system for Sublime Text 2可以在编辑器完成Sass编译。名字是2但Sublime Text 3可用无压力。
安装Sass
首先要安装Ruby和Sass，详细可参考：http://www.w3cplus.com/sassguide/install.html 或者网上大把教程，安装Sass的时候可能被墙不一定安装得上，所以可以退而求其次安装测试本版--pre。
Sublime Text安装Sass Build插件
1）安装 Package Control Plugin
打开：View > Show Console
输入：
Sublime Text2
import urllib2,os,hashlib; h = ‘eb2297e1a458f27d836c04bb0cbaf282‘ + ‘d0e7a3098092775ccb37ca9d6b2e4b7d‘; pf = ‘Package Control.sublime-package‘; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( ‘http://packagecontrol.io/‘ + pf.replace(‘ ‘, ‘%20‘)).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), ‘wb‘ ).write(by) if dh == h else None; print(‘Error validating download (got %s instead of %s), please try manual install‘ % (dh, h) if dh != h else ‘Please restart Sublime Text to finish installation‘)Sublime Text3
import urllib.request,os,hashlib; h = ‘eb2297e1a458f27d836c04bb0cbaf282‘ + ‘d0e7a3098092775ccb37ca9d6b2e4b7d‘; 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)详见：https://packagecontrol.io/installation#st3
2）安装 Package Control Plugin
Ctrl+Shift+P (Linux/Windows) 或 Command+Shift+P (OS X)，然后输入‘install‘会看到Package Control: Install Package并选择。
等待列表出来，输入Sass会看到SASS Build System选择安装。
安装完成后，Ctrl+B (Linux/Windows) or Command+B (OS X)可编译Sass为CSS，还会有一个.map文件。
更多详细见官方：https://github.com/jaumefontal/SASS-Build-SublimeText2
使用package control安装DocBlockr。安装完成后使用方法如下：
A、先写完你的函数
function testFunction(a, b, c) {
}B、然后在函数的前面一行，输入
/**C、然后回车，自动生成
/**
* [testFunction description]
* @param {[type]} a [description]
* @param {[type]} b [description]
* @param {[type]} c [description]
* @return {[type]} [description]
*/
function testFunction(a, b, c) {
}1) 选择
以下是一些Sublime Text选择文本的快捷键：
Sublime Text还支持一次选中多行的操作：Furthermore, Sublime Text brings lets us select multiple lines at once, which can significantly boost your productivity. There are several ways to perform this feature:
选择的快捷键
2) CSS排序
CSS属性的顺序一般不重要，因为无论何种顺序浏览器都能正确渲染。但排序所有的属性还是有助于代码的整洁。在Sublime Text中，选中CSS属性后按F5就可以按字母顺序排序。
CSS排序
也可以使用 CSSComb 等第三方插件，更详细的控制排序的方法。
3) 命令面板（Command Palette）
使用命令面板可以快速完成多重任务。按Command + Shift + P调出面板，键入需要的命令即可。看以下的几个示例：
▼ 重命名文件
重命名文件
▼ 设置文件为HTML语法
HTML语法
▼ 插入代码片段
插入代码片段
4) 切换标签页与工程
在同时打开多个标签页时，可以用以下的热键切换：
5) 跨文件编辑
同一个编辑操作可以在多个文件中同时重复。举个例子，多个文件中有同一段代码时，可用以下的步骤快速编辑：
跨文件编辑
6) 文件爬虫
按Command + R可以列出文档中所有的CSS选择器。可以选择并立刻跳转查看。这个操作比使用一般的“查找”功能快得多。
文件爬虫
7) 拼写检查
如果你经常使用Sublime Text从事英文创作，那么启用拼写检查就非常有用处了。选择Preferences > Settings – User菜单，添加以下代码：
"spell_check": true,8) 增强侧边栏
SideBarEnhancements插件有效地改进了Sublime的侧边栏。安装插件后在侧边栏上点击右键，可以找到一下新功能：在资源管理器中打开、新建文件、新建文件夹、以…打开、在浏览器中打开。
增强侧边栏
注：在浏览器中打开的热键是F12。
9) 更换主题
Sublime Text的外观主题可以更换。Soda Theme就是一个不错的主题，可以在包管理器中安装。
更换主题
如果要安装的主题并不在在线软件仓库中，也可以手动安装：
10) 更换Sublime Text程序图标
不仅主题可以更换，图标也可以。在Dribbble上有大量重新设计的Sublime Text精美图标。更换方法：
更换图标
11) 同步选项
如果在多台计算机上工作，同步选项设置应该是一个好主意。我们借用Dropbox完成这一任务。
首先在终端中运行以下命令上传设置文件：
mkdir $HOME/Dropbox/sublime-text-3/
mv "$HOME/Library/Application Support/Sublime Text 3/Packages" "$HOME/Dropbox/sublime-text-3/"
mv "$HOME/Library/Application Support/Sublime Text 3/Installed Packages" "$HOME/Dropbox/sublime-text-3/"然后在所有需要同步的计算机上运行以下命令下载设置：
DSTPATH="$HOME/Library/Application Support/Sublime Text 3"
DROPBOX_PATH="$HOME/Dropbox/sublime-text-3"
rm -rf "$DSTPATH/Installed Packages"
rm -rf "$DSTPATH/Packages"
mkdir -p "$DSTPATH"
ln -s "$DROPBOX_PATH/Packages" "$DSTPATH/Packages"
ln -s "$DROPBOX_PATH/Installed Packages" "$DSTPATH/Installed Packages"12) 可点击的URL
使用小插件ClickableURLs可以让文件中的URL能够点击。
Sublime常见操作
下面还有一些在看过黑客新闻评论后的补充：
选择类
编辑类
搜索类
显示类
sublime常用的插件：
参考：
http://blog.jobbole.com/88648/
https://segmentfault.com/a/1190000000505218
标签：print mkdir sublime urllib 资源管理 爬虫 批量替换 item url
原文地址：http://www.cnblogs.com/chengjunL/p/6236987.html
