sublime text 前端配置
1、 安装 Packages
ctrl + ` (1左面的那个顿号)
输入下面的命令:
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())
2、Preferences > Settings -User基本的配置:
{ "auto_indent": true, "auto_match_enabled": true,
"auto_complete":true, "color_scheme": "Packages/User/LAZY (SL).tmTheme", "detect_indentation": true, "draw_centered": false, "draw_minimap_border": true, "draw_white_space": "selection", "font_options": [ "subpixel_antialias" ], "font_size": 14.0, "gutter": true, "highlight_line": true, "ignored_packages": [ "Vintage", "Markdown" ], "line_numbers": true, "line_padding_bottom": 0, "line_padding_top": 2, "match_brackets": true, "scroll_past_end": true, "tab_size": 4, "update_check": false, "use_tab_stops": true, "word_wrap": true, }
3、一些基本的插件:
- Emmet:必装插件。
- FileHeader:自动给文件加文件的注释信息。
- TortoiseSVN:结合TortoiseSVN客户端使用。
- FileDiffs:文件对比插件。
- BracketHighlighter :高亮显示匹配的括号、引号和标签
- TrailingSpaces: 高亮显示多余的空格和Tab
- jQuery:必装插件
- Alignment :等号对齐
- ZenCoding:不得不用的一款前端开发方面的插件,Write less , show more.安装后可直接使用,Tab键触发,Alt+Shift+W是个代码机器。
- Alignment:代码对齐,如写几个变量,选中这几行,Ctrl+Alt+A,哇,齐了。
- Prefixr:写 CSS可自动添加 -webkit 等私有词缀,Ctrl+Alt+X触发。
- Tag:Html格式化,右键Auto-Format Tags on Ducument。
- Clipboard History:剪贴板历史记录,显示更多历史复制,Ctrl+Shift+V触发。
- SideBarEnhancements:侧栏右键功能增强,非常实用
- Theme – Soda:完美的编码主题,用过的都说好,Setting user里面添加”theme”: “Soda Dark.sublime-theme”
- GBK to UTF8:将文件编码从GBK转黄成UTF8,菜单 – File里面找
- SFTP:直接编辑 FTP 或 SFTP 服务器上的文件,绝对FTP浮云
- WordPress:集成一些WordPress的函数,对于像我这种经常要写WP模版和插件的人特别有用
- PHPTidy:整理排版PHP代码
- JsMinifier:该插件基于Google Closure compiler,自动压缩js文件。
- JS Format:一个JS代码格式化插件
- Sublime CodeIntel:代码自动提示
- Bracket Highlighter:类似于代码匹配,可以匹配括号,引号等符号内的范围。
- CodeFormatter:代码格式化
注:可能是QQ和这个冲突了,自行设置了一下快捷键就可以用了。
打开 Preferences=>Package Settings=>Alignment=>Key Bindding - User
然后写入:
[ { "keys": ["ctrl+alt+f"], "command": "alignment" } ]
4、bracket highlighter 自定义配置项
{ "high_visibility_enabled_by_default": true, "high_visibility_style": "outline", "high_visibility_color": "__default__", "match_only_adjacent": true }