美文网首页
配置我的Sublime

配置我的Sublime

作者: 臻甄 | 来源:发表于2017-09-02 21:41 被阅读37次

    工欲善其事,必先利其器

    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

          本文链接:https://www.haomeiwen.com/subject/ofbljxtx.html