`

sublime text3 插件安装

 
阅读更多

  1:Package Control

      在sublime text3中,用快捷键 【Ctrl+~】或者工具栏上View ---> Show Console,打开命令提示符面板。

      然后输入一下代码(可见:https://packagecontrol.io/installation):

      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)

    这个代码会自动下载Control.sublime-package 软件包。

   重启sublime text3,如果在Preferences 下可以看到 Package Console,说明Package Console 安装成功。

 

       2:emmet

       快速补全代码的插件。

        Ctrl+Shift+p ,然后输入利用模糊查找,输入pci,Package Console : Install Package,回车,等到它加载自己所有的插件,再次弹出窗口后,输入emmet,会看到如图,

    

 

选中并回车,即可进行安装。

 

       3:安装主题

       Ctrl+Shift+p ,输入pci,Package Console : Install Package,回车,在插件列表加载出来后,输入主题名称,比如theme-spacegray ,选中自己要安装的主题,回车,即可安装。

安装完成后,会在sublime text3 中自动打开一个说明,找到Spacegray Eighties, 需要将以下内容

   粘贴到用户的配置信息中:打开Perferences--->Settings-User ,原有信息后输入逗号,然后粘贴:

   保存后,会发现该主题已经使用到编辑器中了。

    4:JavaScript & NodeJS Snippets

        Ctrl+Shift+p ,输入pci,Package Console : Install Package,回车,在插件列表加载出来后,输入 javascript ,找到 Javascript & NodeJS Snippets, 回车,安装。

    5:AdvanceNewFile

        安装参照4,不再赘述。

        用法: Ctrl+alt+n,然后输入:路径+文件名

   6:DocBlockr(https://github.com/spadgos/sublime-jsdocs)

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

     在方法上方,输入/**,然后回车即可。

   7:SideBarEnhancements(目前只支持Sublime Text3)

      插件安装完成过后,点击【Ctrl+Shift+p】,找到Key Bindings-user,打开,添加如下命令:

         //chorme

{

"keys": ["ctrl+1"],

"command": "side_bar_files_open_with",

"args": {

            "paths": [],

            "application": "C:\\Program Files\\...\\chrome.exe(此处为本地浏览器安装路径)",

            "extensions":".*"

        }

}

     保存,然后用自己设置的快捷键可以在浏览器上运行html页面。

     在sublime Text3 中还有一种运行html的方法:

     选择Tools-->Build System-->New Build System,然后将用以下内容覆盖文档中原有内容:

//windows

      {

    "cmd": ["C:\\Program Files\\...\\chrome.exe(此处为本地浏览器安装路径)", "$file"],

    "selector":["text.html"]//不用选择为brower,选择默认的automatic,在html页面,点击ctrl+b,会自动在浏览器中打开。

     }

//Mac

   {

    "cmd": ["/Applications/Google Chrome.app/Contents/MacOS/Google Chrome", "$file"],    //此处路径必须写具体,不然会报 Permission denied

    "selector":["text.html"]//不用选择为brower,选择默认的automatic,在html页面,点击command+b,会自动在浏览器中打开。

 

     }

 

 

     然后保存,后缀不变,名称比如为brower。然后在就会在Tools-->Build System中发现多了个brower的构建选项,选中该选项。然后进入html页面,点击【Ctrl+b】或者[command+b],就可以看到页面在Chrome浏览器上运行了。

       

   

 

      

     

  • 大小: 56.7 KB
  • 大小: 12.3 KB
  • 大小: 10.5 KB
分享到:
评论

相关推荐

    sublimeText3插件安装

    ### Sublime Text 3 插件安装:Package Control 的安装与使用 #### 一、Package Control简介 Sublime Text 3 是一款非常流行的文本编辑器,因其轻便且功能强大而受到开发者的喜爱。为了进一步增强其功能,用户可以...

    sublime text3的所有安装插件

    本资源包含的是Sublime Text 3的所有可用插件,使得用户可以直接进行手动安装,无需通过额外的步骤,如使用Package Control等工具,从而简化了安装过程,提高了工作效率。 1. **插件安装**:Sublime Text 3支持多种...

    sublime text3插件的安装方法和示例

    用户可以访问 Sublime Text 的官方网站(https://www.sublimetext.com/)下载最新版本的安装程序。安装过程非常简单,用户只需按照提示安装程序并同意相关协议即可。 二、插件包的安装 Sublime Text 3 的插件机制...

    Sublime Text3 离线汉化,汉化插件安装

    离线汉化Sublime Text3的过程主要分为两个部分:安装汉化包和安装汉化插件。首先,我们需要从提供的压缩包中解压出汉化资源。这个压缩包中可能包含了一个名为"Sublime Text3"的文件夹,里面可能有已翻译的本地化文件...

    Protocol Buffer sublime text 3插件

    5. **其他相关工具**:除了Sublime Text插件,还有其他用于Protocol Buffer开发的工具,如protoc编译器(用于将.proto文件转换为不同语言的源码),以及IDE插件,如Visual Studio Code的ProtoBuf Support等。...

    SublimeText3插件打包下载

    sublime text 3插件包是一款为文本编辑器提供的插件工具包,包含的插件有: AndyJS2、BracketHighlighter、emmet-sublime、flatland、IMESupport、jQuery、JsFormat、Package Control、predawn、PyV8、SideBar...

    Sublime Text GBK插件

    3. **定位到Sublime Text的插件目录**: 在你的操作系统中,找到Sublime Text的安装位置,然后导航到"Packages"目录。在Windows上,这通常是`%APPDATA%\Sublime Text 3\Packages`;在macOS上,是`~/Library/...

    Sublime Text 2插件安装简明教程

    ### Sublime Text 2插件安装简明教程 #### 一、Sublime Text 2简介 Sublime Text 2(以下简称ST2)是一款备受开发者喜爱的轻量级文本编辑器,以其强大的功能、舒适的配色以及对大量插件的支持而闻名。尽管其本身已...

    Sublime text3支持c语言的插件合集

    在C语言开发领域,Sublime Text 3同样能够提供强大的支持,通过安装特定的插件,可以极大地提升C语言的编写体验。下面将详细介绍如何利用Sublime Text 3来支持C语言开发,并介绍一些关键的插件。 首先,我们需要...

    SublimeText3插件合集.rar

    首先,确保已经安装了Package Control,它是SublimeText3的一个必备插件,用于管理其他插件的安装、更新和卸载。安装方法通常是通过在命令面板中输入指令进行。然后,打开Package Control的“安装包”选项,搜索"A...

    Sublime Text3 插件包(包含前端大部分常用插件)

    Sublime Text3 插件包(包含前端大部分常用插件,绝版插件)。 解决 Package Control 网站被墙后,无法下载插件,像LESS2CSS等插件 Package Control都无法搜索到了。 插件包列表: All Autocomplete,AutoFileName,...

    Sublime Text 3编辑器用的T5语法提示插件

    本话题将详细讲解如何在Sublime Text 3中安装和使用"ThinkPHP5.0语法提示和语法补全插件",以便在开发基于ThinkPHP5.0(简称TP5)的项目时提升开发效率。 首先,让我们了解一下什么是语法提示和语法补全。在编程...

    SublimeText3插件

    - Package Control:Sublime Text 3的插件管理器,通过它可方便地安装、更新和卸载插件。 - Emmet:前端开发神器,支持HTML和CSS的快速编写,如缩写扩展、选择器等。 - SideBarEnhancements:增强侧边栏功能,...

    sublime text2 插件包

    4. 更多可能的插件:尽管只提到了这三个插件,但Sublime Text 2的Package Control允许你安装数千个插件。例如,SideBarEnhancements可以增强侧边栏功能,提供更多的文件和文件夹操作选项;GitGutter则会在编辑器中...

    离线安装sublime text3 Package Control: Install Package

    Package Control是Sublime Text的一个关键插件,它允许用户轻松地安装、更新和管理其他插件,极大地提升了编辑器的功能和效率。本文将详细介绍如何在没有网络的情况下离线安装Sublime Text 3的Package Control及其...

    sublime text 3 cuda插件

    安装CUDA Sublime Text 3 插件通常可以通过Package Control进行,这是一个Sublime Text的插件管理器。用户需要先安装Package Control,然后在命令面板中搜索CUDA相关插件进行安装。安装完成后,用户需要重启Sublime ...

    SublimeText模板插件

    SublimeText模板插件SublimeText模板插件SublimeText模板插件SublimeText模板插件SublimeText模板插件SublimeText模板插件SublimeText模板插件SublimeText模板插件SublimeText模板插件SublimeText模板插件Sublime...

    Sublime Text 3

    总而言之,Sublime Text 3作为一款专业的代码编辑器,凭借其丰富的语言支持、高效的编辑功能、强大的插件系统以及高度的自定义性,成为了众多开发者的首选工具。无论你是新手还是经验丰富的程序员,Sublime Text 3都...

Global site tag (gtag.js) - Google Analytics