1、打开ps软件，点击“编辑”-“首选项”-“单位与标尺”的单位与标尺改成“像素”

2、选择改成‘图层’，“自动选择”建议不选，在psd选择要切的图片时，点击左栏的拖动图标，选中图片，按住ctrl键，鼠标左击

3、把“视图”里面的“标尺”和“视图”-“显示”-“智能参考线”和“参考线”勾上
4、 在“窗口”这栏 勾上“图层”，“信息”，“历史记录”，“字符”，其他的可以勾掉
5、在右测“信息”，点击“面板选项”，做如下图修改

6、设置完成后，在“窗口”-“工作区”-“新建工作区”命名一个工作区，以便下次打开的时候使用

1

精准切图（有的版本不支持）

1、点击“文件”-“脚本”-“将图层导出到文件”，并做如下图修改

Sublime的安装可以去官网按照提示安装
Sublime Text3虽然功能强大，但是还是需要一些插件的辅助，下面我就给大家分享下如何在Sublime Text3下安装插件。
Package Control组件在线安装
1、按Ctrl+`调出console（注：避免热键冲突）
2、粘贴以下代码到命令行并回车：
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())
3、重启Sublime Text 3。
4、如果在Perferences->package settings中看到package control这一项，则安装成功。

1

sublimeText3汉化教程-自带插件汉化

1、首先打开sublime，找到preference 下的package control

2、点击package control ，弹出如下框搜索install，找到install package点击进入

3、点击进入之后搜索localiza,找到如下选项，点击安装

1

Emmet（原名 Zen Coding）

一种快速编写html/css的方法
安装方法同汉化插件，在最后一步输入“Emmet”点击进入

输入快捷键 按Tab

1

HTML-CSS-JS Prettify

安装方法同上
使用说明：快速格式化html css js
快捷键：ctrl+shift+h
注意：node.exe的路径以及版本

1

代码校验工具 SublimeLinter 的安装与使用

传送门：https://www.cnblogs.com/zhrn/p/5066309.html

1

Sublime Text 3 快捷键总结（拿走）

传送门：https://www.douban.com/note/362268947/

草料chrome插件，是专为chrome核心的浏览器开发的一个二维码应用增强工具插件。可以自动将地址栏链接生成二维码，也可以解析网页上任意一个二维码图案的内容。

传送门：https://cli.im/news/6527

这里我们以4000端口为例
1、按下win+R调出命令行窗口，输入netstat -aon|findstr “4000” ，找到指定的一列数字，这里是”9136”

2、输入tasklist|findstr “9136”，发现是

3、再次输入taskkill /f /t /im node.exe结束该进程

1

$flexible.js 有什么用

正如文章标题所写的那样，它就是一个终端设备适配的解决方案。也就是说它可以让你在不同的终端设备中实现页面适配。

1

$flexible.js 怎么用

##flexible.js 的用法非常的简单，在页面的中引入 flexible_css.js,flexible.js文件：
// 加载阿里CDN的文件

1

<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>

除了上面这种方式外，你还可以把这两个文件下载到自己的项目中，然后再引入，效果是一样的。
事实上 flexible.js 做了下面三件事：
1、动态改写标签
2、给元素添加data-dpr属性，并且动态改写data-dpr的值
3、给元素添加font-size属性，并且动态改写font-size的值
说得简单点就是 rem 相当于我们平常用的百分比，只不过 rem 是相对根元素的。而我们的根元素是根据终端屏幕大小来动态设置的，所以不管是 iphone 6 plus 还是 iphone6，或者是其它任何终端设备都可以很完美地还原设计稿。

还有一个关于 px 转 rem 的，你也不用自己一个一个手动去换算，这里有一个插件你可以安装下，它会自动地帮你把 px 换算成 rem 。

传送门：https://github.com/flashlizi/cssrem