sublime text 前端配置

最新推荐文章于 2024-11-04 14:35:19 发布

weixin_30817749

最新推荐文章于 2024-11-04 14:35:19 发布

阅读量100

点赞数

文章标签：前端 markdown php ViewUI

原文链接：http://www.cnblogs.com/oceanden/p/4009357.html

版权

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
}

转载于:https://www.cnblogs.com/oceanden/p/4009357.html