zoukankan      html  css  js  c++  java
  • sublime3 常用插件

    上一篇记录sublime 常用的快捷键,这里记录一些初次安装推荐的前端使用插件与安装插件包名称。

    首次下载安装的sublime text3,基本什么都没有,想要达到适用还得一番捣鼓,各种插件的安装必不可少,刚下载时候Package Control是无法使用的哦,所以需要执行如下步骤:

    使用Package Control组件安装

    安装package control组件,按Ctrl+ ` ( 此符号为tab按键上面的按键) 调出console(注:避免热键冲突) 粘贴以下代码到命令行并回车:

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

    执行代码后会看到一个小灰短线来回晃动,表着急,等待就行。。。

    安装完成后重启sublime ,可以在preferences下面看到 package control这个选项,点击或者快捷键 Ctrl+Shift+P 即可呼出,

    使用 package control 安装需要插件或者主题

    在呼出的栏目中寻找install package或者输出install 即可找到安装插件的组件,点击后会出现另外一个输入框,在里面输入你需要的插件名称即可查询到。

    下面是插件推荐

    1.Emmet(原名 Zen Coding)

    一种快速编写html/css的方法

    注意:安装Emmet的同时,也会自动安装其依赖PyV8 binary库,安装PyV8库会用较长时间,可以在Sublime左下角看到安装进程状态

    2. html5

    支持hmtl5规范的插件包

    注意:与Emmet插件配合使用,效果更好

    使用方法:新建html文档>输入html5>敲击Tab键>自动补全html5规范文档

    3. jQuery

    支持JQuery规范的插件包

    4. javascript-API-Completions

    支持Javascript、JQuery、Twitter Bootstrap框架、HTML5标签属性提示的插件,是少数支持sublime text 3的后缀提示的插件,HTML5标签提示sublime text 3自带,不过JQuery提示还是很有用处的,也可设置要提示的语言。

    5. JSFormat

    JS代码格式化插件。

    使用方法:使用快捷键 ctrl+alt+f

    6. SublimeLinter

    一个支持lint语法的插件,可以高亮linter认为有错误的代码行,也支持高亮一些特别的注释,比如“TODO”,这样就可以被快速定位。(IntelliJ IDEA的TODO功能很赞,这个插件虽然比不上,但是也够用了吧)

    7. BracketHighlighter

    类似于代码匹配,可以匹配括号,引号等符号内的范围。

    使用方法:系统默认为白色高亮,可以使用链接所述方法进行自定义配置

    8. Alignment

    代码对齐,如写几个变量,选中这几行,Ctrl+Alt+A,哇,齐了。

    9. Ctags

    函数跳转,我的电脑上是Alt+点击 函数名称,会跳转到相应的函数

    10. Doc​Blockr

    注释插件,生成幽美的注释。标准的注释,包括函数名、参数、返回值等,并以多行显示,省去手动编写。

    11. SideBarEnhancements

    侧栏右键功能增强,非常实用

    12. Minify

    个人编写文件右键直接可以美化或者压缩文件,还是很方便的

  • 相关阅读:
    Codeforces Round #462 (Div. 2)
    Codeforces 934.D A Determined Cleanup
    Codeforces 934.C A Twisty Movement
    Codeforces 934.B A Prosperous Lot
    event和window.event
    javascript事件捕获与冒泡
    Dom兼容问题记录汇总
    流媒体网站开发技术浅谈
    javascript:自定义事件初探
    jQuery插件教程
  • 原文地址:https://www.cnblogs.com/masteryin/p/10278094.html
Copyright © 2011-2022 走看看