Sublime Text3软件及插件安装

大前端/ 软件大前端

创建时间:2019-09-05 11:11

字数:908 阅读:

评论:

软件安装
插件安装
常用插件

软件安装

Sublime Text官网下载：https://www.sublimetext.com/

下载所需要的Sublime Text版本，根据提示安装。

插件安装

用Package Control安装插件：

按Ctrl+ ` (此符号为tab按键上面的按键) 调出console（注：避免热键冲突）粘贴以下代码到命令行并回车：
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 Text 3。
如果在Perferences->中看到Package Control这一项，则安装成功。
按下Ctrl+Shift+P调出命令面板，输入install 调出 Install Package 选项并回车，然后在列表中选中要安装的插件。
安装插件完成后，在Perferences->package Settings这一项中会出现相应的插件名字

常用插件

注意：安装插件时保持网络畅通，避免插件由于网络原因奔溃

Emmet

功能：编码快捷键，前端必备
简介：Emmet作为zen coding的升级版，对于前端来说，可是必备插件，如果你对它还不太熟悉，可以在其官网(http://docs.emmet.io) 上看具体的演示视频。
使用：教程——http://docs.emmet.io/cheat-sheet/
JSFormat

功能：Javascript的代码格式化插件
简介：很多网站的JS代码都进行了压缩，一行式的甚至混淆压缩，这让我们看起来很吃力。而这个插件能帮我们把原始代码进行格式的整理，包括换行和缩进等等，是代码一目了然，更快读懂~
使用：在已压缩的JS文件中，右键选择jsFormat或者使用默认快捷键（Ctrl+Alt+F）
Alignment

功能：”=”号对齐
简介：变量定义太多，长短不一，可一键对齐
使用：默认快捷键Ctrl+Alt+A和QQ截屏冲突，可设置其他快捷键如：Ctrl+Shift+Alt+A；先选择要对齐的文本
Sublime-Autoprefixer

功能：CSS添加私有前缀
简介：CSS还未标准化，所以要给各大浏览器一个前缀以解决兼容问题
使用：Ctrl+Shift+P，选择autoprefixer即可。需要安装node.js。
其他设置如快捷键请参考：https://sublime.wbond.net/packages/Autoprefixer
Bracket Highlighter

功能：代码匹配
简介：可匹配[], (), {}, “”, ”, <tag>，高亮标记，便于查看起始和结束标记
使用：点击对应代码即可
Git

功能：git管理
简介：插件基本上实现了git的所有功能
使用：https://github.com/kemayo/sublime-text-git/wiki
jQuery

功能：jQ函数提示
简介：快捷输入jQ函数，是偷懒的好方法
DocBlockr

功能：生成优美注释
简介：标准的注释，包括函数名、参数、返回值等，并以多行显示，手动写比较麻烦
使用：输入/、/*然后回车
Color Picker

功能：调色板
简介：需要输入颜色时，可直接选取颜色
使用：快捷键Windows: ctrl+shift+c
AutoFileName

功能：快捷输入文件名
简介：自动完成文件名的输入，如图片选取
使用：输入”/”即可看到相对于本项目文件夹的其他文件
LiveReload

功能：实时自动刷新浏览器页面
简介：Sublime text3中代码的任何变化，Ctrl+S后，立即在Chrome中看到相应变化
使用：下载安装使用插件详细见
Sublime-Text3搭配LiveReload实现前端实时刷新页面文章