工欲善其事,必先利其器
Mac下安装和配置
1 下载
下载dgm文件,官网地址,双击安装
2 安装和激活
Help---Enter License进行输入,网上能找到激活的码
3 安装Package Control
4 安装插件
ConvertToUTF8:[必备]通过本插件,可以编辑并保存目前编码不被 Sublime Text 支持的文件,特别是中日韩用户使用的 GB2312,GBK,BIG5,EUC-KR,EUC-JP 等。
Emmet:[前端必备]这个不需要做多介绍,网上搜索一下有很多相关使用教程。还有一个拓展小插件,叫做「Emmet LiveStyle」,需要和 Google Chrome 浏览器搭配使用,具体使用方法可以去官网看视频演示。
JsFormat:JS 格式化插件,作为 nodejs 开发的必备神器。使用快捷键 Command + Option + F 或者在命令面板(Command + Shift + P)输入「Format: Javascript」就可以使用格式化命令。
Bracket Highlighter:用于匹配括号,引号和 html 标签。对于很长的代码很有用。
DocBlockr:可以自动生成PHPDoc风格的注释。它支持的语言有Javascript, PHP, ActionScript, CoffeeScript, Java, Objective C, C, C++。
Babel:是一款为 ES6+ JavaScript设计的语法描述插件,支持ES6, React.js, jsx代码高亮,对 JavaScript, jQuery 也有很好的扩展。
5 在sublime中运行JS代码
(1)在官网上下载最新版的nodejs安装包
(2)在终端输入which node得到node的安装路径
(2)打开 sublime:Tools => Build System => New Build System
(3)保存配置 javascript.sublime-build 至默认路径即可 (/usr/local/bin/node这个是node的安装路径)
{
"cmd": ["/usr/local/bin/node","$file"],
"selector":"source.js"
}
(5)重启sublime,编写js函数,然后commond+B,就可以编译得到结果啦,参考
6 在sublime中打开浏览器展示对应的html文件
(1)打开Preferences - 「Key Bindings - User」,添加此行:
{"keys": ["super+b"],"command": "open_in_browser"}
(2)重启,编写html文件,按快捷键command+shift+c就可以打开浏览器了。里面的super对应Mac的command按键。