最近几个月来,不得不恢复使用Windows系统,有一个顺手的编辑器还是很重要的,DCloud HBuilder还是不错的,不过针对性比较强,后来绕了一圈还是选择sublime—-这个在Mac上除了vi之外用的文本编辑器。

这边只是简单记录装的几个插件以及配置,以供日后重装时参考。

一、安装Soda主题及Color Scheme

其实也可以用Package Control安装,只是我先装了Soda猛击此处直接下载Soda

1.1 安装Soda主题

解压,重命名为Theme – Soda,放到Packages目录中(Preferences -> Browse Packages…)。

打开用户设置文件(Preferences -> Settings – User),新增(或修改)theme这项,范例:

{
"theme": "Soda Light.sublime-theme"
}

1.2 设置tab样式

{
"soda_classic_tabs": true,
}

1.3 设置图标

{
"soda_folder_icons": true,
}

1.4 安装Soda Color Scheme

下载colour-schemes.zip,解压至Packages/User里。

从Preferences -> Color Scheme -> User选择。

最终的用户设置如下:

{
"color_scheme": "Packages/User/Espresso Soda.tmTheme",
"font_size": 12.0,
"ignored_packages":
[
"Vintage"
],
"soda_classic_tabs": true,
"soda_folder_icons": true,
"theme": "Soda Light.sublime-theme"
}

二、安装Package Control

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

三、安装Emmet

按Ctrl+Shift+P呼出Package Control画面,输入install,回车,开始加载插件列表,加载完成之后输入HTML CSS,下方会列出可以安装的插件

四、安装jQuery Package for sublime Text

用Package Control安装,过程略,无配置

五、安装JS Format

用Package Control安装,过程略,无配置

六、安装HTML-CSS-JS Prettify

用Package Control安装,过程略,需要nodejs支持,所以如果没有安装nodejs要先安装。

进入Preferences -> Package Settings -> HTML/CSS/JS Prettify -> Set Prettify Preferences,将"indent_char": " "修改为"indent_char": "\t",将"indent_size": 4修改为"indent_size": 1,依个人习惯而定。

进入Preferences -> Package Settings -> HTML/CSS/JS Prettify -> Set Plugin Options,视实际情况将node_path配置正确。

七、安装Pretty JSON

用Package Control安装,过程略,无配置

参考:看引擎安全者HAYIBAN