一个插件就是一个软件 ,这就是sublime的理念 。

1.Packag control

给sublime配置插件当然少不了Package control ,首先安装 Package control 。

  • 自动安装

    按下 ctrl+ ` 键或者 view-> show console 打开控制台,输入以下代码并回车
    import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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)

    成功后重启即可。

  • 自动安装失败也可以手动安装

    点击 Preferences -> Browse Package 菜单。

    进入 installed Packages文件夹 。

    下载Package.sublime-package 包并拷贝到 Installed package 文件夹下 。

    重启 Sublime 。

    安装成功之后,按下 ctrl + shift +p ,输入install 会看到有Package control 提示 。

2. Emmet

Emmet 语法快速编辑html 文件,必不可少 。

install package

选择 Emmet 回车

3.ConverToUTF 8

sublime默认只支持utf-8 ,其他编码的文件在sublime 下会乱码,安装 这个插件可以将文件转化为utf-8 编码 。

4. HTML-CSS-JS Prettify

这个插件是一个非常好的格式化插件 。安装之后需要进行配置 。

  1. 配置Node.js 路径 。
  2. 配置 Format on save 。
  3. 配置选项 ,"e4x": true, 忽略js文件中的 XML 格式,这对JSX语法十分重要 。
  4. 配置 index-size:2, 这是公司 eslint 规范 。

5. JSX

完美支持React 语法 。

有些jsx文件也是以 js 结尾的,当打开一个js 文件时,选择 view -> syntax -> open current all with jsx,这样所有的 js 文件都是以jsx方式打开的 。

6.React ES6 Sinppets。

包括大量ES6 代码段 。

7.JavaScriptNext - ES6 Syntax

支持ES 6 语法 。

8.Babel

ES6 和 JSX 语法定义 。

9.DocBlockr

生成方法注释

输入 /** 回车

10.sideBarEnhancements

加强侧边栏右键菜单 ,

11.Terminal

在侧边栏打开终端 。

12. Material design

material design 风格的界面 。

13.ayu

一套非常美观的代码theme 。

14 AutoFileName

文件路径提示

我的sublime 插件配置的更多相关文章

  1. jscs sublime 插件配置 .jscsrc 文件

    { "disallowEmptyBlocks": true, "disallowKeywordsOnNewLine": ["else", & ...

  2. git备份sublime插件及配置

    github备份sublime配置 sublime使用的时间长了,渐渐的就积累了一些有用甚至离不开的插件.但是有时候系统会出点问题,或者换电脑什么的,这时候要想在找回那个曾经的sublime就不那么容 ...

  3. Sublime Text 2 快捷键 插件配置

    一.前言之前 从设计到前端,有过一段时间是懵懵懂懂的状态,缺乏对整个职业更加深入的了解.后来混迹于各个前端大牛的博客,在各个QQ群里聆听各路大神的经验之谈,坚定了前端之路的信心.一直收藏各类精华的帖子 ...

  4. Sublime Text3 配置markdown插件

    sublime是一个亮骚的文本编辑器,而且是跨三大平台,而markdown是一门标记语法,对于记录真是神器,具体语法百度很多,下面教你在sublime上配置markdown. 这两个神器结合起来简直好 ...

  5. Sublime 插件安装、常用配置

    安装:sublime + 插件 安装Sublime: 官网:http://www.sublimetext.com/ 安装package control组件,之后我们会使用该组件给Sublime安装常用 ...

  6. sublime插件emmet的配置、使用及快捷键Ctrl+E修改成Tab键操作

    一.emmet在sublime中的配置与使用: 1.点击sublime text 3的图标,打开编辑器: 2.按键“ctrl+shift+p”,或者单击菜单->工具->命令面板: 3.打开 ...

  7. Sublime Text 3下载-汉化-插件配置

    Sublime Text 3下载 不用说是上官方下载地址:http://www.sublimetext.com/3 Sublime Text 3 免费使用方法 Sublime Text 2的时候还有一 ...

  8. 我使用的Sublime插件及配置

    我使用的Sublime插件及配置 增强型插件 Package Control 快捷键ctrl+~,调出命令行,运行: import urllib.request,os,hashlib; h = '29 ...

  9. sublime text3配置插件

    之前一直习惯用记事本写代码,懒得用IDE,虽然知道用 IDE效率高一些,不过觉得还是用记事本纯手写代码,比较容易记忆.直到昨天写代码遇到了点问题,截图给师兄看,师兄就问我是不是用记事本写代码,为什么不 ...

随机推荐

  1. vue使用sass

    一.安装sass依赖包 $ npm install sass-loader --save-dev //sass-loader依赖于node-sass $ npm install node-sass - ...

  2. (TOJ 4413)IP address

    描述 To give you an IP address, it may be dotted decimal IP address, it may be 32-bit binary IP addres ...

  3. 【CF900D】Unusual Sequences 容斥(莫比乌斯反演)

    [CF900D]Unusual Sequences 题意:定义正整数序列$a_1,a_2...a_n$是合法的,当且仅当$gcd(a_1,a_2...a_n)=x$且$a_1+a_2+...+a_n= ...

  4. [算法]Bobmer

    package com.company; import com.sun.org.apache.bcel.internal.generic.AASTORE; import java.awt.*; imp ...

  5. Git之远程仓库

    1,注册账号 登录https://github.com注册一个账号 2,上传公钥 本地CentOS使用命令 ssh-keygen -t rsa生成秘钥 复制秘钥输入到github网站 3,新建仓库 4 ...

  6. POJ 1849 - Two - [DFS][树形DP]

    Time Limit: 1000MS Memory Limit: 30000K Description The city consists of intersections and streets t ...

  7. ddt ddl dml

    data-definition language 数据定义语言 data-manipulation language 数据操纵语言 data type definition 文档类型定义

  8. pandas绘图总结

    转自:http://blog.csdn.net/genome_denovo/article/details/78322628 pandas绘图总结 pandas中的绘图函数(更加详细的绘图资料可参考p ...

  9. es match、match_phrase、query_string和term的区别

    (一)text字段和keyword字段的区别 以下给出一个例子: 首先建立一个索引和类型,引入一个keywork的字段: PUT my_index { "mappings": { ...

  10. javascript 调用cookies

    cookie   用来保存信息,并且与服务器互动,因此前端后端都可以使用cookie     值得一提的是:虽然cookie是以文件的形式存储在客户端的电脑上, 但浏览器只会让创建cookie的网站访 ...