配置我的Sublime

工欲善其事,必先利其器

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按键。

你可能感兴趣的:(配置我的Sublime)