zoukankan      html  css  js  c++  java
  • sublimeText3的安装及插件的配置使用

    这里主要记录一些关于sublime text的配置,并且参照了别人的博客归纳的。

    一、下载sublime text   http://www.sublimetext.com/3
    二、安装Package Control插件管理,顾名思义,插件管理,你想给sublime text安装插件,必须通过它来给你安装

    官网地址   https://packagecontrol.io/installation

    你可以根据官网提示来做

    根据提示选择view -> show Console ,然后出现一个输入框,把下图红框的内容复制,粘贴到文本文本框中,按回车,这需要等待哈

    安装成功后,在preferences菜单下能看到Package Settings 和 Package Control 这两个菜单

     

    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)

     为什么不直接把内容复制到这呢,因为里面的H值总是变,所以如果你安装报错了,可能是你复制的这段语句跟目前官网的不符,尽管之前你用这段话安装成功过。所以直接复制官网的最好

    三、安装各种插件

      按快捷键 ctrl + shift + P   ,在出现的文本框中输入Install Package, 回车

      然后在出现的文本框中输入你要安装的插件,按回车即可,(注意,安装插件的过程中会需要些时间,不要急,一个一个来)

    个人推荐:必选

     1、Emmet : 代码快速编写神器  官网 https://docs.emmet.io/    还有速查表网址 https://docs.emmet.io/cheat-sheet/

    2、JsFormat :  快捷键Ctrl + Alt + F  格式化js

    3、SideBarEnhancements  :  文件的右键菜单增强插件,增加可复制粘贴文件的功能

    4、TrailingSpaces : 高亮显示多余的空格和Tab

    6、Autoprefixer : css3私有前缀补全插件,使用:在输入css3属性后按Tab键

    7、jQuery: 快捷输入jq函数

    8、DocBlockr : 标准的注释,包括函数名、参数、返回值等   参照网址 https://packagecontrol.io/packages/DocBlockr

    9、sublimeCodeIntel    js代码提示插件

    10、sublime Tmpl     新建模板页,用了这个后,文件模板的文件头要重新设置。

      打开 preferences -->  Package Settings -->  sublime Tml  -->  setting-User,输入以下内容即可

    {
    	"date_format" : "%Y-%m-%d %H:%M:%S",
    	"attr": {
        	"author": "youname",
    	}
    }
    

      

    11、file Header     新建页面自带作者等文件头信息   参照https://blog.csdn.net/dong_alex/article/details/79118352

    12、快速格式化   sublime Text3有自带的排版功能:就是菜单“Edit-Line-Reindent”(汉化后是“编辑-行-恢复缩进”)

    13、autofilename    导入文件路径链接提示

    14、DocBlockr   生成优美注释,简介:标准的注释,包括函数名、参数、返回值等,并以多行显示,手动写比较麻烦。使用:输入/*、/**然后回车,还有很多用法

    15、Git   git管理

    根据个人需要选择安装

    1、CssComb : css属性排序与格式化,该插件不支持 IE hark。快捷键Ctrl + Sgift + C

            注意:该插件依赖nodeJS环境  ,nodeJS下载地址 https://nodejs.org/en/download/

    2、Less : less高亮插件

    3、less2Css : 编译less. 检测到文件改动时,编译保存为.css文件(依赖nodejs环境)

    4、Bracket Highlighter : 可匹配[],(),{}  高亮标记。便于查看起始和结束标记      

    5、alignment : "="号对齐,变量定义太多,长短不一,可一键对齐

    6、git : git管理    https://github.com/kemayo/sublime-text-git/wiki

    7、colorPicker : 需要输入颜色时可直接选取颜色,快捷键window:ctrl + shift + c

    8、AutoFileName : 快捷输入文件名。自动完成文件名的输入,如图片选取 。使用:输入“/”即可·看到相对于本项目文件夹的其他文件

    9、nodejs https://sublime.wbond.net/packages/Nodejs

    10、IMESupport : 中文输入法跟随光标

    11、sublimeLinter : 提示编写错误,包括html,css,javascript,java,php等,依赖nodejs环境

    12、reactjs : 支持react开发,代码提示,高亮显示

    13、babel : 支持es6语法,React.js,jsx语法高亮,对JavaScript,jQuery也有很好的扩展。

            配置:view->Syntax->open all with curent…->babel->Javascript(babel),选中babel为默认代开javascript文件的默认格式

    。。。。。后续更新

    四、管理插件

      删除插件 : Ctrl+Shift+P调出命令面板,输入Remove Package选项并回车,选择要删除的插件即可

      更新插件: Ctrl+Shift+P调出命令面板,输入upgrade packages

    五、其他自带快捷键

    六、补充

     1、在浏览器运行,打开要运行的文件,然后在文件里的空白处右键,选择open in Browser

       2、以上基于sublime text3,有些别人推荐的插件,我再输入的时候找不到。在官网查看的时候该插件显示被remove了。所以如果你也没找到也不用着急,编辑器版本升级过程中,新增些插件或者删除些插件也不足为奇

    参照博客有:

    http://www.cnblogs.com/hykun/p/sublimeText3.html

    http://mp.weixin.qq.com/s?__biz=MjM5NDUyODM3OQ==

    https://www.cnblogs.com/zhaowy/p/8400443.html

  • 相关阅读:
    汉诺塔问题合集之汉诺塔6
    汉诺塔问题合集之汉诺塔5
    接口和抽象类有什么区别
    Java版本:JDK8的十大新特性介绍
    Linux的常用命令
    行为型模式——策略模式
    shell 后台执行命令
    ORA-01034:oracle不可用 的解决方法
    ORA-12514 TNS 监听程序当前无法识别连接描述符中请求服务 的解决方法
    linux下启动oracle
  • 原文地址:https://www.cnblogs.com/qqing/p/6872195.html
Copyright © 2011-2022 走看看