前端干货系列----开发神器sublime实用干货

原文链接： https://juejin.im/post/5af7f09e6fb9a07a9d706c8e

本章会作为作者的操作笔记持续更新

1.安装install package

①快捷方式:CTRL+`

②输入以下命令

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())复制代码

③重启sublime，就能够在菜单栏中preferences看到package control和package Settings了

如有失败可以参考这篇文章

2.打开安装各种插件的窗口

①快捷方式:CTRL+SHIFT+P

②菜单栏查找:preferences->package control

在弹出的窗口中输入install package,如果打开失败或者是菜单栏中没发现请先操作上面的方法

③成功会出现如下窗口：

3.各种实用插件

1. js代码格式化：JSFormat
2. 快捷输入键名：AutoFileName
3. 编码快捷键：Emmet
4. vue代码高亮：Vue Syntax Highlight
5. 代码格式化：HTML/CSS/JS Prettify(需要支持vue请打开tools->HTML/CSS/JS Prettify->plugin options。找到html底下的allowed_file_extensions添加vue。快捷方式是CTRL+SHIFT+H)
6. vue中的less代码高亮:LessImproved(插件5这种做法已经能够让vue代码高亮了，但是当style添加lang="less"的时候代码就不高亮了,此时添加这个插件就可以高亮了)

要想安装只需要在2打开的窗口中输入后面的文件名即可

具体展示文章请看这里

4.设置快捷键

1.设置代码格式化的快捷键

preferences->Key Bindings

{"keys": ["ctrl+alt+l"], "command": "htmlprettify"}