zoukankan      html  css  js  c++  java
  • sublime安装与使用

    一、破解

    1、更改hosts文件

    127.0.0.1 www.sublimetext.com
    127.0.0.1  license.sublimehq.com
    

    2、输入激活码(如果下面的激活码无效,可另从网上搜索)

    ----- BEGIN LICENSE
    ----- sgbteam Single User License EA7E-1153259 8891CBB9 F1513E4F
    1A3405C1 A865D53F 115F202E 7B91AB2D 0D2A40ED 352B269B 76E84F0B
    CD69BFC7 59F2DFEF E267328F 215652A3 E88F9D8F 4C38E3BA 5B2DAAE4
    969624E7 DC9CD4D5 717FB40C 1B9738CF 20B3C4F1 E917B5B3 87C38D9C
    ACCE7DD8 5F7EF854 86B9743C FADC04AA FB0DA5C0 F913BE58 42FEA319
    F954EFDD AE881E0B ------ END LICENSE ------
    

      

    二、安装与移除插件

    1、使用Package Control组件安装

    • 按Ctrl+`调出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(' ',' ')).read())
    • 重启Sublime Text 3。
    • 如果在Perferences->package settings中看到package control这一项,则安装成功。

    2、用Package Control安装插件的方法:

    • 按下Ctrl+Shift+P调出命令面板
    • 输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。

    3、移除插件

    有时候我们需要移除自己不想要的插件,具体操作如下:快捷键 Ctrl+Shift+P,在对话框中输入“remove”,选择“Package Control: Remove Packages”。
    然后在出现的插件列表中点选你要移除的插件。

    4、插件列表

    快捷键 Ctrl+Shift+P,在对话框中输入“list”,选择“Package Control:List Packages”。
    会列出所有已安装的插件。这样可以很方便地了解自己已经安装了哪些插件。

     

    三、常用插件

    1、Emmet

    一种快速编写html/css的方法
    注意:安装Emmet的同时,也会自动安装其依赖PyV8 binary库,安装PyV8库会用较长时间,可以在Sublime左下角看到安装进程状态

    2、html5

    支持hmtl5规范的插件包
    注意:与Emmet插件配合使用,效果更好
    使用方法:新建html文档>输入html5>敲击Tab键>自动补全html5规范文档

    3、jQuery

    支持JQuery规范的插件包

    4、javascript-API-Completions

    支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件,是少数支持sublime text 3的后缀提示的插件,HTML5标签提示sublime text 3自带,不过JQuery提示还是很有用处的,也可设置要提示的语言。

    5、JSFormat

    JS代码格式化插件。

    6、SublimeLinter

    一个支持lint语法的插件,可以高亮linter认为有错误的代码行,也支持高亮一些特别的注释,比如“TODO”,这样就可以被快速定位。(IntelliJ IDEA的TODO功能很赞,这个插件虽然比不上,但是也够用了吧)

    7、BracketHighlighter

    类似于代码匹配,可以匹配括号,引号等符号内的范围。

    8、Alignment

    代码对齐,如写几个变量,选中这几行,Ctrl+Alt+A,哇,齐了。

    9、ctags

    函数跳转,鼠标配置:

    [
      {
        "button": "button1",
        "count": 1,
        "press_command": "drag_select",
        "modifiers": ["ctrl"],
        "command": "navigate_to_definition"
      },
      {
        "button": "button2",
        "count": 1,
        "modifiers": ["ctrl"],
        "command": "jump_prev"
      }
    ]
    

      使用ctags rebuild时,弹窗乱码:在ctag的配置中,"command":"{ctags.exe的路径}"

    10、DocBlockr

    注释插件,生成幽美的注释。标准的注释,包括函数名、参数、返回值等,并以多行显示,省去手动编写。

    11、SideBarEnhancements

    侧栏右键功能增强,非常实用

    12、ConvertToUTF8

    能将除UTF8编码之外的其他编码文件在 Sublime Text 中转换成UTF8编码,在打开文件的时候一开始会显示乱码,然后一刹那就自动显示出正常的字体,当然,在保存文件之后原文件的编码格式不会改变。

    13、LESS

    LESS语法高亮显示

    14、sublime-less2css

    将less文件编译成css文件。

    15、ColorHighlighter

    显示所选颜色值的颜色,并集成了ColorPicker

    16、Compact Expand CSS Command

    使CSS属性展开及收缩,格式化CSS代码

    快捷键 Ctrl+Alt+[ 收缩CSS代码为效果:
    快捷键 Ctrl+Alt+] 展开CSS代码为多行显示效果:

    17、SublimeTmpl

    快速生成文件模板。

    Ctrl+Alt+h     新建html文件
    Ctrl+Alt+j     新建javascript文件
    Ctrl+Alt+c    新建css文件
    Ctrl+Alt+p    新建PHP文件
    Ctrl+Alt+r    新建ruby文件
    Ctrl+Alt+Shift+p    新建Python文件

    快捷键Ctrl+Alt+h新建的一个 html 文件。
    相应的模板为tmpl格式的文件,它们保存在C:Users你的电脑名字AppDataRoamingSublime Text 3PackagesSublimeTmpl emplates下。
    当然你可以根据自己的喜好来更改模板格式。例如把“html.tmpl”改为早期的html标准格式后保存。
    现在按快捷键 Ctrl+Alt+H,新建一个 html 文件,其格式就和更改后模板格式完全一样了。

    18、AutoFileName

    自动补全文件(目录)名。

    安装好后就可以来测试如何使用AutoFileName,先以css档案来示范,当输入href=””的同时,Sublime Text就会将现在编辑档案的路径为中心,判断该路径内的所有档案。

    • 以这个档案为范本它会去抓取跟abc.html在同一层的档案列表。 像我们这次要link的是在css资料夹内的auto.css,所以我们直接衔接打上css/,就会跑出css资料夹内的档案,整个用法以此类推
    • 像是sublime安装与使用的部分也是一样的方式,没什么困难了,弄懂一下路径就好了。
    • 再来看看是css档中要用url,也是用同样方式,只不过因为要连到上一层的images资料夹内的arrow.png,所以就前面打..(上层),依序去选择路径即可。

    19、SublimeCodeIntel

    智能提示。

    20、View In Browser

    Sublime Text保存后网页自动同步更新。

    在打开的文档任一处点右键,选择“View In Browser”,就会用默认的浏览器自动打开该文件。
    如果你电脑装有多个浏览器,你想换其它的作为此操作的默认浏览器,你可以按以下方法设置:
    打开“View In Browser.sublime-settings”,写入以下代码:

    {
      "browser": "chrome64"
    } 
    

      这样你就把它默认设置为“Chrome”浏览器了,当然你还可以改成“Firefox”、“Safari”等等,前提是你的电脑事先已安装好了这些浏览器。

    21、TortoiseSVN

    版本控制工具。 

    22、Bracket Highlighter

    用于匹配括号,引号和html标签。对于很长的代码很有用。安装好之后,不需要设置插件会自动生效

     

    三、常用设置

    1、分屏

    View->Layout->Column:2
    

      2、关闭自动升级提醒

    打开References->Settings
    加上:
    "update_check": false

      

  • 相关阅读:
    总结一下vue里一些小技巧
    vue使用过程常见的一些问题
    Vue.js 的几点总结Watchers/router key/render
    Hibernate-3
    Hibernate-2
    Hibernate-1
    百词斩一面9.17
    vivo一面凉经
    中兴技术面被怼面经
    红黑树
  • 原文地址:https://www.cnblogs.com/gentlemanwuyu/p/10370706.html
Copyright © 2011-2022 走看看