Sublime Text3插件安装

接上篇博客，我们已经安装好了Sublime Text3编辑工具，接下来介绍如何安装插件。

安装插件之前，有必要介绍下什么是插件？为什么安装插件？

插件也可以理解成工具，类似有游戏外挂；能够让我们在编码的过程中更加省力，因此我们习惯上会给Sublime Text安装插件来提高我们的代码编辑效率。

插件安装

两种方式：1，自己手动下载安装；2，借助Package Control组件安装。

一，手动安装步骤：

1，去package control网站搜索想要下载的插件。比如我搜索的是stylus插件。

不过，最近package control官网好像进不去了。

以下先省略手动安装步骤，后续再补充。。。。。。

 

二，通过Package Control组件直接在线安装

首先，Package Control组件的安装。

1，按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 Text2的代码（注意“对症下药”，上面是Sublime Text3的代码）

import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')

图片如下：

2，进度条加载完毕，会在 菜单->Preferences 项下看到 packageControl 选项，如下图：

注：如果出现Package Control选项，说明安装成功。

然后，就可以通过 Package Control 组件来安装插件了。

没错，接下来才进入插件的安装。

步骤如下（以安装Emmet插件为例）：

1，通过点击 菜单(Sublime Text)->Preferences->Package Control

或者直接使用快捷键 ---- Commend(Ctrl)+shift+p 调出该命令面板。

2，输入install，然后查找到 install package选项，并点击（目的是初始化install package）

3，输入要安装的插件名字，比如 Emmet，然后点击对应的插件即自动开始安装。

4，待左下方加载显示的“=”消失，则加载完毕，即完成安装。

注意：部分插件需要重启 Sublime 之后生效。

可在下图位置查看已安装的插件：

本篇终。

接下来开始我们的前端学习 ---- 第一节：网页的基本结构。