sublime H5插件安装方法

sublime 就是一款编辑器，类似editplus ，vim ，没有什么神奇之处。 可编写任何代码，现在H5主流的代码编辑器工具之一。

为什么要用开发工具？

　　写代码不是写文章，有很多重复性劳动，例如：模版，代码格式，代码补全，高亮等。

开发工具如何来实现这些个性化的东西呢？

　　1. 个性化

　　　　我可以用这个工具编写java ，C#，H5等不同类型的语言。so，这就是个性化

　　2. 实现方法

　　　　通用 +插件。 模块化开发思想

　　　　2.1 通用

　　　　　　　简单就是一个编辑器，和记事本没有什么区别

　　　　2.2 插件

　　　　　　针对不同语言，使用不同的插件来实现。甚至粒度再小点，一门语言中的不同行为习惯，不同领域（js，css）单独开发插件

 

言归正传，针对H5 ，sublime 是如何管理的呢？

问题一 谁来管理插件（安装，更新，删除）

管理插件的功能，也是用一个插件来实现的。呵呵，有点绕，意思你要管理插件，第一先安装的插件就是 Package Control

1.1 安装方法

快捷键 CTRL +`　　  -> 　　调出控制台，输入

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')

 

1.2 检验是否成功，看到红框中的内容，恭喜你！

问题二 用 Package Control 如何来管理 这些插件（这里也可以叫做包-Package）

1.1 Ctrl + Shift + p -> 调出命令面板

1.2 输入相应命令：例如： package  或者install，remove等

1.3 选择命令 ，例如： install package。 输入需要安装的插件，以Emmet 为例子，回车

 

 问题三 如何判定安装成功？ 以 Emmet 为例。

 

 

有时候会出现没有上边两个截图之一，多次安装即可。恭喜你Emmet 安装好了，但是有时可能还不能用一些快捷键，例如：Emmet html:5 <tab>不出来h5的模版，那么还需要设置每个插件中的快捷键

 

 输入：

[
{
"keys": [
"tab"
],
"args": {
"action": "expand_abbreviation"
},
"command": "run_emmet_action",
"context": [
{
"key": "emmet_action_enabled.expand_abbreviation"
}
]
}
]

 问题四 我怎么知道我还需要安装哪些插件，哪里又能获取到

度娘  or  进入https://packagecontrol.io/browse查看最新插件和一些流行的插件。

 

完！