Sublime Text3插件安装及使用（图文配合，经常使用前端插件集锦）

Sublime Text3插件安装及使用（图文配合，经常使用前端插件集锦）

目录

• 插件安装方法
• 最经常使用的插件
• 拓展
• 更多自定义配置

插件安装方法(这个是在软件内自动安装的方法)

1.打开Sublime Text3
2.第一次安装插件要先安装Package Control，Package Control能够说得上是软件的母插件，必须先安装。首先“ctrl+~”打开控制台，复制Package Control官网的安装代码，粘贴到控制台，“enter键”安装。使用Sublime Text3就选用Sublime Text3的官方插件安装代码

例如Sublime Text3的安装代码为

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
复制代码

过时了，就到官网自行复制。
3.安装过程当中不要关闭Sublime Text3，安装完成控制台会有提示的，安装完成后重启软件。而后在菜单栏的Preferences菜单下你会看到Package Settings和Package Control两个选项，这也表明安装成功。
4.到了这里就是真正开始安装咱们须要的插件的步骤了，咱们想安装什么插件最好先到Package Control官网插件页，看看所要安装插件的样式及说明，手动安装插件也是到这里下载插件包，放在软件的安装目录下的Package Control文件内就行。
5.首先“Ctrl+Shift+p”,输入pci,找到"Package Control:Install Package "选中，“enter键”确认，这时通常状况要等一下子，才会出现新的输入框，而后输入插件名（例如“Emmet”）“enter键”确认进行安装。

6.而后在安装好插件后，会有相应的代码提示，好比告诉你成功安装之类的，部分插件没有提示。
7.查看所安装的插件：“Ctrl+Shift+p”,输入pc,找到"Package Control:List Packages "选中，“enter键”确认，这时通常状况要等一下子，就会出现你所安装的插件了

最经常使用的插件

插件官网，如下连接插件的官方地址，里面有详细的样式及使用介绍，就不一一叙述了
1.Emmet：（前端必备插件）官网Emmet插件说明 || 源码地址
2.Theme - Spacegray：（颜色主题）官网Theme - Spacegray插件说明 || 源码地址
3.JavaScript & NodeJS Snippets：（js&node开发）官网JavaScript & NodeJS Snippets插件说明 || 源码地址
4.jQuery：（jQuery开发) 官网jQuery插件说明 || 源码地址
5.DocBlockr:（快速注释）官网DocBlockr插件说明 || 源码地址
6.SublimeLinter：（语法及风格校验总框架）官网SublimeLinter插件说明 || 源码地址
7.SublimeLinter-jshint：（js语法及风格校验）官网SublimeLinter-jshint插件说明 || 源码地址
8.ColorPicker：（颜色拾取器）官网ColorPicker插件说明 || 源码地址
9.AutoFileName：（文件名补充引用）官网AutoFileName插件说明 || 源码地址

拓展

对六、七、插件安装及使用拓展：语法和编写风格的校验插件SublimeLinter

1. 先安装SublimeLinter插件，它是总框架,具体语言再另行安装
2. 安装具体语言风格例如js, 就再安装插件为SublimeLinter_JShint
3. 在自己电脑上还须要先安装npm包，就是安装node.js（通常node包含了npm包），再在npm安装JShint,即在cmd命令行输入：npm install -g jshint,“enter键”确认安装（要安装大于2.5版本才能正常使用jshint）
4. 自定义校验规则：在工程中建立配置文件，名字必须是.jshintrc ,（PS：语言风格是json，但不是json文件，是.jshintrc文件）
5. 能够自定义校验风格 "eqeqeq":true //强制三等号验证；"curly":true//必须规范js有大括号，不能省略；还有其他自定义风格到该插件的官网介绍查找学习使用。

更多自定义配置

更多Sublime Text3自定义配置到做者的配置库观看配置文件,库会一直更新的，固然风格配置是我的喜爱，没有什么是最好的，按本身喜爱，怎么舒服怎么配置。

回到顶部