sublime配置


张登友,张登友的博客,张登友的网站——

sublime text使用
曾经老夫最爱的编辑器,主要就是轻量级,功能也足够强大,打开速度快

下载

首先下载sublime text(和谐版)
Mac版 下载链接: 提取码: hskp
Windows版 下载链接: 提取码: fgiv

禁用更新

打开设置输入"update_check": false,

设置自动保存

添加字段"save_on_focus_lost": true,

设置自动换行

添加字段"word_wrap": true

效果如图

插件管理器

快捷键
window : ctrl + shift + p
mac : commond + shift + p
安装之前建议先挂个梯子(科学上网)
使用Package Control组件安装
按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 Text 3。
如果在Perferences->中看到package control这一项,就说明安装成功了

安装插件

1、按下Ctrl+Shift+P调出命令面板

2、输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。

汉化插件

1、在打开Install Package的基础上输入install,然后再输入Chinese,第一个就是

2、调整语言,选择中文,依次是help–>language–>simplified Chinese 简体中文

配色

个人比较喜欢lastroom_light

选择首选项–>配色方案–>选择lastroom_light

其他插件

1、Emmet
有一套Emmet语法,可以快速创建HTML标签。按下Tab键,Emmet就能把一个缩写展开成一个HTML和CSS代码块

2、AutoFileName
自动提示文件路径插件

3、Browser Refresh
自动刷新插件
配置快捷键:Preferences > Package Settings > Browser Refresh > Key Bindings – Users

{
    "keys": ["ctrl+s"], "command": "browser_refresh", "args": {
        "auto_save": true,//自动保存
        "delay": 0.0,  //延迟
        "activate": true,
        "browsers" : ["chrome"]
    }
}

4、ColorPicker
调出快捷面板,选取颜色
快捷键:ctrl+shift+c
调色板

5、LiveReload
搭配谷歌同名插件可以实现自动刷新网页

6、SideBarEnhancements
功能:扩充边栏菜单的功能
简介:包括在当前工程文件夹中新建文件,移动文件或文件夹,产生文件或文件夹的副本,在新窗口或浏览器中打开,刷新等。

7、view in browser
功能:通过默认浏览器打开文件
简介:方便打开浏览器检查编译效果
使用:快捷键配置方法:首选项-快捷键设置,在数组内添加快捷键:F12{ “keys”: [“f12”], “command”: “open_in_browser” }

8、CSS Extended Completions
功能:关联CSS文件,智能提示css文件中的类名,非常好用

9、JavaScript Completions
功能:支持javascript原生语法提示,妈妈再也不用担心我输入document.getElementById(id)

10、SublimeLinter
功能:代码检查
简介:支持JavaScript、CSS、HTML、Java、PHP、Python、Ruby等十多种开发语言
使用:需要配置相应语言的环境,要检查JavaScript代码需要安装node.js,检查PHP代码需要安装PHP并配置环境等。

11、Bracket Highlighter
功能:代码匹配
简介:可匹配[], (), {}, “”, ”, ,高亮标记,便于查看起始和结束标记

[
    { "keys": ["ctrl+shift+t"], "command": "delete_trailing_spaces" },
    { "keys": ["ctrl+shift+s"], "command": "auto_save" },
    { "keys": ["f12"], "command": "open_in_browser" },
    { "keys": ["ctrl+shift+enter"], "command": "autoprefixer" },
    { "keys": ["ctrl+shift+i"],"command": "htmlprettify"},
{ "keys": ["ctrl+shift+w"],"command": "color_picker","context":
        [{"key": "color_highlighter.color_picker"}]},

]

文章作者: 张登友
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 张登友 !
评论
  目录