码迷,mamicode.com
首页 > 其他好文 > 详细

sublime text3 好用的插件

时间:2020-04-02 19:57:24      阅读:68      评论:0      收藏:0      [点我收藏+]

标签:js代码提示   功能   安装   基础   提示   err   ctr   contex   不能   

sublime text3 推荐插件

Package Controller安装

1、打开sublime text 3,按ctrl+~或者菜单View > Show Console打开命令窗口。
2、复制以下代码,回车,安装Package Controller

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())

3、按shift+control+p或者Preferences -> Package Control点击Package Controller:Install package即可进行安装插件

基础插件

emmet

可以让你更快更高效地编写HTML和CSS,节省你大量时间的插件(必备)
emmet使用手册

我们使用vue自定义标签tab不能补全标签。解决方案:ctrl + e

或者自定义在key Bindings-user,比如ctrl+q
[
  {
        "keys": [
            "ctrl+q"
        ], 
        "args": {
            "action": "expand_abbreviation"
        }, 
        "command": "run_emmet_action", 
        "context": [
            {
                "key": "emmet_action_enabled.expand_abbreviation"
            }
        ]
    }
]

less

支持less高亮

AllAutocomplete

Sublime Text 默认的 Autocomplete 功能只考虑当前的文件,而 AllAutocomplete 插件会搜索所有打开的文件来寻找匹配的提示词

DocBlockr

如果你遵循的编码的风格很严格,这款插件能够使你的任务更容易。DocBlokr 帮助你创造你的代码注释,通过解析功能,参数,变量,并且自动添加基本项目。

配置Preferences -> Package Settings -> DocBlockr->Settings –User中找到jsdocs_extra_tags修改jsdocs_extra_tags,可以额外添加注释的内容,我习惯使用{"jsdocs_extra_tags":["@author 某某{{date}}"]}

使用方法 /**回车即可

JavaScript Completions

js代码提示,不解释效率快了很多

vue插件

Vue Syntax Highlight

vue代码高亮

vuejs snippets

vue代码补全

暂时先介绍这些,再有好玩的插件之后再来分享

sublime text3 好用的插件

标签:js代码提示   功能   安装   基础   提示   err   ctr   contex   不能   

原文地址:https://www.cnblogs.com/10manongit/p/12622434.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!