sublimeText3使用的一些基础配置

本文介绍如何在SublimeText中安装并配置Package Control,设置CSS语法提示,安装CSSFormat插件以实现CSS代码折叠,并提供JavaScript代码提示及HTML-CSS-JSPrettify插件的配置方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1,按住ctrl+~,输入如下回车:

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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)

2,设置css语法提示:(拷贝到setting-user里面)

/*
   SublimeCodeIntel default settings
   All settings can be overridden in *.sublime-project file
*/
{
    /*
       Sets the mode in which SublimeCodeIntel runs:

       true - Enabled (the default).
       false - Disabled.
    */
    "codeintel": true,

    /* path to codeintel database */
    "codeintel_database_dir": "~/.codeintel",

    /*
       An array of language names which are enabled.
    */
    "codeintel_enabled_languages":
    [
       "JavaScript", "SCSS", "Python", "HTML",
       "Ruby", "Python3", "XML", "Sass", "HTML5", "Perl", "CSS",
       "Twig", "Less", "Node.js", "TemplateToolkit", "PHP"
    ],

    /*
       Maps syntax names to languages. This allows variations on a syntax
       (for example "Python (Django)") to be used. The key is
       the base filename of the .tmLanguage syntax files, and the value
       is the syntax it maps to.
    */
    "codeintel_syntax_map":
    {
       "Python Django": "Python"
    },


    /* ####################################################################### */
    /* the following settings can be overridden for each language individually */
    /* see "codeintel_language_settings" below!                                */
    /* ####################################################################### */

    /*
       Sets the mode in which SublimeCodeIntel's live autocomplete runs:

       true - Autocomplete popups as you type (the default).
       false - Autocomplete popups only when you request it.
    */
    "codeintel_live": true,

    /*
       Tooltips method:

       "popup" - Uses Autocomplete popup for tooltips.
       "panel" - Uses the output panel for tooltips.
       "status" - Uses the status bar for tooltips (was the default).
    */
    "codeintel_tooltips": "popup",


    /*
       "buffer" - add word completions from current view
       "all" - add word completions from all views from active window
       "none" - do not add word completions
    */
    "codeintel_word_completions": "buffer",

    /*
       Insert functions snippets.
    */
    "codeintel_snippets": true,

    /*
       Define global filters to exclude paths from scanning. Use the codeintel_config setting for language specific settings.
       ex: ["list/of","/path/to/exclude"]
       (Currently only working for JavaScript and PHP)
    */
    "codeintel_scan_exclude_dir":[],

    /* Code Scanning: Controls how the Code Intelligence system scans your source code files. */

    /* Maximum directory depth: */
    "codeintel_max_recursive_dir_depth": 10,

    /* Include all files and directories from the project base directory: */
    "codeintel_scan_files_in_project": true,

    /* API Catalogs: SublimeCodeIntel uses API catalogs to provide autocomplete and calltips for 3rd-party libraries.
      Add te libraries that you use in your code. Note: Adding all API catalogs for a particular language can lead to confusing results.

      Avaliable catalogs:
           PyWin32 (Python3) (for Python3: Python Extensions for Windows)
           PyWin32 (for Python: Python Extensions for Windows)
           Rails (for Ruby: Rails version 1.1.6)
           jQuery (for JavaScript: jQuery JavaScript library - version 1.9.1)
           Prototype (for JavaScript: JavaScript framework for web development)
           dojo (for JavaScript: Dojo Toolkit API - version 1.5.0)
           Ext_30 (for JavaScript: Ext JavaScript framework - version 3.0)
           HTML5 (for JavaScript: HTML5 (Canvas, Web Messaging, Microdata))
           MochiKit (for JavaScript: A lightweight JavaScript library - v1.4.2)
           Mozilla Toolkit (for JavaScript: Mozilla Toolkit API - version 1.8)
           XBL (for JavaScript: XBL JavaScript support - version 1.0)
           YUI (for JavaScript: Yahoo! User Interface Library - v2.8.1)
           Drupal (for PHP: A full-featured PHP content management/discussion engine -- v5.1)
           PECL (for PHP: A collection of PHP Extensions)
    */
    "codeintel_selected_catalogs": ["HTML5", "HTML", "JavaScript","CSS"],

    /*
        When editing within a defined scope, no live completion will trigger. ex: ["comment"]
     */
    "codeintel_exclude_scopes_from_complete_triggers": ["comment"],

    /*
       Defines a configuration for each language.
    */
    "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/"]
        }
    }
}

3,CSS Format插件(让css代码可以折叠起来)

4,js代码提示插件下载地址:点击打开链接

5,HTML-CSS-JS Prettify(代码格式化,需要在Plugin-Option-Default配置下加入vue)

6,(无效的话必须设置别的快捷键,切记)生成vue文件模板的方法点击打开链接



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值