• SublimeText的使用


    1.安装Sublime_text2.02文件:Sublime Text 2.0.2.tar.bz2

    (1)官网下载地址:http://www.sublimetext.com/2

    (2)将文件放到linux中,解压文件,得到文件夹"Sublime Text 2"

      注意这个压缩包没有用gzip格式压缩  所以解压的时候也不用加上z 。直接tar -xf 就可以

      否则会报错:"gzip: stdin: not in gzip format..."

    2. windows下使用Sublime text3,插件管理:

     (1)安装Package control插件管理包:

      ①打开安装代码的命令行 点击view  -> show console

      ②输入python脚本,源自https://sublime.wbond.net/installation#st3

     具体代码如下:

      import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

    按下回车,即可安装

    安装完后,可以在Preferences-->Package Settings中看到已安装好的Package Control

    (2)通过Package Control安装其他实用的插件,比如Zen Coding(现在叫做Emmet):

     ①按ctrl+shift+P

     ②输入install 回车

     ③输入插件名Emmet 选择目标插件 回车 即可安装

    然后可以在Preferences-->Package Settings中看到是否已安装成功

    如果报错:"Error while loading  PyV8 ....",解决办法见 http://jingyan.baidu.com/article/aa6a2c14d5177f0d4d19c45f.html

     (3)windows下安装代码转定义插件ctags:

      ①Package Control管理方式install ctags

         ②下载ctags压缩包:http://download.csdn.net/detail/hudie86555/4363381

          ③加压到一个文件夹,里面含有ctags.exe,将该文件路径添加到系统环境变量中

      ④用SublimeText打开项目,在Preferences(设置)菜单中打开Package Control(插件管理器)settings->ctags->settings-user和settings-default

    把default中的配置全部复制到user中(sublime3为了以后的更新不会覆盖用户修改的配置,默认的配置文件不让修改,只能复制到user文件中进行修改),然后改一下command配置项,为ctags.exe的可执行文件路径(尾部包含了ctags.exe) XX/XXX/XX.ctags.exe

      ⑤cmd命令行进入项目所在目录,用指令ctags -R -f .tags 创建.tags文件

      ⑥生成.tags文件后,用sublime打开项目以后,就可以用 ctrl+shift+鼠标左键 的方法跳转到函数声明

     (4)删除已安装插件

      步骤①:ctrl+shift+p
      步骤②:输入remove package
      步骤③:选择要删掉的插件即可

     (5)全栈开发必备的10款 Sublime Text 插件

      参考http://www.oschina.net/news/57310/10-essential-sublime-text-plugins

     (6)其他插件

      1. SideBarEnhancements:侧边栏右键操作增强

        Preferences > Key Bindings - User,添加快捷:

        { "keys": ["ctrl+t"], "command": "side_bar_new_file2" },
        { "keys": ["f2"], "command": "side_bar_rename" },

      2.SublimeLinter:检查语法错误

        好多,选自己要用的语言,如Python的"SublimeLinter-pep8”。

      3.SublimeCodeIntel:代码提示 

        安装完成后,会提示你:
        For Linux:
        * Jump to definition = ``Super+Click``
        * Jump to definition = ``Control+Super+Alt+Up``
        * Go back = ``Control+Super+Alt+Left``
        * Manual CodeIntel = ``Control+Shift+space``

       4.SublimeCodeIntel:支持方法跳转和自动提示

       5.格式化html代码插件: TAG

       6.填色面板ColorPicker 

       默认开启的快捷键是ctrl+shift+c

       如果该快捷键与其他插件(如ConvertToUTF8)的冲突,则按照以下方法更改:

       打开Sublime Text --> Preferences --> Browse Packages,找到ConvertToUTF8文件夹并进入,找到对应操作系统的Default.sublime-keymap文件,直接修改成 

    { "keys": ["ctrl+shift++alt+c"], "command": "convert_to_utf8", "args": {"encoding": "GBK", "stamp": "0" } } 
    ]

      

     (7)SublimeText3 基础设置和常用插件推荐

      参考http://qinx.cn/sublime-text-php-development-configuration/

       http://www.imjeff.cn/blog/146/

    3.使用技巧

     (1)创建文件指定文件类型

       安装插件sublime tmpl

       (2)批量替换

      选择第一个要被替换的字符串,通过按快捷键Ctrl+D,不断的选中所有位置的要被替换的字符串,然后一次性更换成目标内容即可。

       (3)subimeText3开启代码自动换行:点击View--->选择Word Wrap即可

      参考http://www.zhugexiaojue.com/note/autowrap-114.html

    新建html文件后用快捷键快速生成html头部等

    写入以下粗体Emmet代码,按Tab键或ctrl+e组合键,生成代码

    html:4t

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html lang="${lang}">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=${charset}">
        <title>Document</title>
    </head>
    <body>
        ${child}
    </body>
    </html>

    html:4s

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="${lang}">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=${charset}">
        <title>Document</title>
    </head>
    <body>
        ${child}
    </body>
    </html>

    html:xt

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=${charset}" />
        <title></title>
    </head>
    <body>
        ${child}
    </body>
    </html>

    html:xs

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=${charset}" />
        <title>Document</title>
    </head>
    <body>
        ${child}
    </body>
    </html>

    html:xxs

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="${lang}">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=${charset}" />
        <title>Document</title>
    </head>
    <body>
        ${child}
    </body>
    </html>

    html:5

    <!doctype html>
    <html lang="${lang}">
    <head>
        <meta charset="${charset}">
        <title>Document</title>
    </head>
    <body>
        ${child}
    </body>
    </html>

      

      

  • 相关阅读:
    英语语法学习
    react-hook
    rrweb手机端录屏,pc端使用
    uni-app
    日期
    Mongodb 保存地理信息 并实现范围检索
    webpack2.2API阅读笔记
    react-lazyload
    项目中常用的各个依赖包的解释
    Android-----test----monkeyrunner
  • 原文地址:https://www.cnblogs.com/JYsharp/p/4071176.html
Copyright © 2020-2023  润新知