美文网首页
sublime text 3 精简的配置,高效使用

sublime text 3 精简的配置,高效使用

作者: emoji2022 | 来源:发表于2017-04-20 19:13 被阅读0次

    sublime编辑器,可以说是我接触前端以来,遇到的第一个编辑器(Dw除外),它给我的第一印象就是界面好看,代码高亮,配合windows系统少有的等宽字体 console,流畅的输入过程,方便的快捷键。爽的不要不要的。但随着慢慢的使用,逐渐发现它非常强大的插件功能。


    2.png

    在参考了网上众多插件后,我个人感觉,只需要简单的配置几个插件就能很好的进行工作,大大节省了配置环境的时间:

    第一个插件:Emmet

    相信很多人知道这个插件,其功能在此就不做介绍了。因为在写代码的时候实在太高效了,语法也非常简单。

    第二个插件:SideBarEnhancements

    sublime的侧边栏功能很缺乏,安装这个插件后,能够大大扩展侧边栏的功能。比如说,对文件的增删改,还可以直接在浏览器中查看,非常方便。

    1.jpg
    第三个插件:AutoFileName

    这个插件作用非常好用,比如说,你要在src后面输入image/icon/head.jpg 这个路径,需要一个字符的敲。当安装这个插件后,敲出首字符,编辑器会像代码提示一样提示文件图片的路径和宽高。

    2.png
    第四个插件:AdvanceNewFile

    安装这个插件后,创建文件时就不需要用鼠标在左侧边栏点击。只需要输入快捷键:Ctrl + Alt + n ,然后对应的路径和文件名就可以了。

    4.png
    第五个插件:DocBlockr

    这个插件可以很好的生成js ,php 等语言函数注释,只需要在函数上面输入/** ,然后按tab 就会自动生成注释。

    第六个插件:ConvertToUTF8

    解决sublime text 3 中文乱码的问题。

    第七个插件:Theme-Spacegray

    推荐一个配色主题,非常好看,全文的截图都是使用这个主题。

    最后补充:

    1.sublime text 编辑器还有一个最大的好处在于跨平台使用,可以在 windows 、linux(ubuntu )、mac 中使用。

    2.如果需要各种代码提示插件,需要根据对应的名称搜索就可以了。
    例如:需要jQuery 提示,搜索 jQuery 就可以。 需要 Bootstrap 提示,搜索 Bootstrap 3 Autocomplete 就可以了( 3 代表版本 )。

    相关文章

      网友评论

          本文标题:sublime text 3 精简的配置,高效使用

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