zoukankan      html  css  js  c++  java
  • sublime笔记

    • 插件安装和使用

    首先,要安装package control,按照官方方法安装:

    https://packagecontrol.io/installation

    重启Sublime Text 3。

    如果在Perferences->package settings中看到package control这一项,则安装成功。

    然后,调出package control,选择安装插件,搜索需要的插件,点击安装

    sublime调出命令行控制面板:shift + command + p,所有功能都可以在这个面板中控制

    重要插件的安装和使用:

    1.sublime安装HTML-CSS-JS Prettify插件用于格式化html,需要先安装nodejs(默认安装目录:/usr/local/bin/node,一般默认安装):https://nodejs.org/en/download/,

    格式化快捷键:command+shift+h

    2.设置theme:(除编辑区以外的sublime风格)

    Theme - Soda主题插件:安装Theme - Soda插件,Preferences -> Settings - User,加入一句:"theme": "Soda Light 3.sublime-theme" 或 "theme": "Soda Dark 3.sublime-theme"
    具体文档:https://packagecontrol.io/packages/Theme%20-%20Soda

    设置color scheme:(编辑区的背景颜色、文字颜色)
    可以结合安装colour-schemes高亮颜色主题:
    http://buymeasoda.github.com/soda-theme/extras/colour-schemes.zip
    Preferences->Browse Packages,把解压后的两个文件放入user目录
    选择:Preferences -> Color Scheme -> User下的两个主题中的一个

    3.Emmet插件(快速编写html和css)使用:

    安装完插件后,使用ctrl+alt+enter呼出命令子窗口,在子窗口输入缩写命令,主窗口显示结果
    或先设置文档为html格式,然后直接写缩写命令,写完加tab键执行

     

    6.SublimeCodeIntel:js,php等代码的自动补全

    js代码自动补全配置:

    通过路径Perferences->Package Settings->SublimeCodeIntel->Setting - Defalut打开配置文件,找到如下配置项:
    "codeintel_language_settings": {  
            "Python3": {  
                "python3": "/usr/local/bin/python3.3",  
                "codeintel_scan_extra_dir": [  
                    "/Applications/Sublime Text.app/Contents/MacOS",  
                    "~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/arch",  
                    "~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/libs"  
                ],  
                "codeintel_scan_files_in_project": true,  
                "codeintel_selected_catalogs": []  
            },  
            "JavaScript": {  
                "codeintel_scan_extra_dir": [],  
                "codeintel_scan_exclude_dir":["/build/", "/min/"],  
                "codeintel_scan_files_in_project": false,  
                "codeintel_max_recursive_dir_depth": 2,  
                "codeintel_selected_catalogs": ["jQuery"]  
            },  
            "PHP": {  
                "php": "/Applications/MAMP/bin/php/php5.5.3/bin/php",  
                "codeintel_scan_extra_dir": [],  
                "codeintel_scan_files_in_project": true,  
                "codeintel_max_recursive_dir_depth": 15,  
                "codeintel_scan_exclude_dir":["/Applications/MAMP/bin/php/php5.5.3/"]  
            }  
        }  
    找到"JavaScript"代码段,将


    "codeintel_selected_catalogs": ["jQuery"]  
    改为:

    "codeintel_selected_catalogs": ["JavaScript"]  
    保存。
    重启sublime

    7.html,css,js代码语法检测插件:

      安装SublimeLinter插件(必须先装nodejs)

      html语法检测安装sublimeLinter-contrib-htmlhint插件(sublime搜索安装插件),再安装htmlhint,htmlhint使用nodejs下的npm工具安装:

      npm install -g htmlhint@latest,安装完成后,点击右键,SublimeLinter菜单里有很多设置,比如可以设置保存时提示语法错误

     安装jshint和csslint,用于检测js和css语法,在sublime插件里搜索SublimeLinter-csslint 和SublimeLinter-jshint安装,再执行npm命令:

      npm install -g jshint@latest

      npm install-g csslint@latest

     特别注意,ccs是lint,其他两个是hint

    csslint不建议安装,会检测出一堆css错误,如果安装,可以打开控制面板,选择remove package 卸载插件

     

     

    • sublime设置文档格式

    shift + command + p呼出面板,输入set+文档格式首字母,比如html,输入seth,java输入setj,选择对应的格式即可

    快捷键:

    快速复制一行到下一行:默认

    { "keys": ["super+shift+d"], "command": "duplicate_line" }

    再key bindings中,可以在keymap-user中修改为:

    { "keys": ["super+d"], "command": "duplicate_line" }

  • 相关阅读:
    23种设计模式之单例模式
    6大设计原则之里氏替换原则
    6大设计原则之依赖倒置原则
    6大设计原则之接口隔离原则
    6大设计原则之迪米特法则
    Java日志第14天 2020.7.19
    Java日志第15天 2020.7.20
    Java日志第13天 2020.7.18
    Python 语音识别字幕生成器
    python list,tuple,str有序问题
  • 原文地址:https://www.cnblogs.com/cowboybusy/p/9050731.html
Copyright © 2011-2022 走看看