`

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
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics