1.首先,你要保证sublime有Package Control,所以,如果没有,那么将Ctrl+`打开sublime控制台,将下列代码复制进去!

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

此时,你可以看到,在你的首选项中有Package Control这个选项。

2.插件安装方法:

按shift+ctrl+p打开或者在你的首选项中打开package control选项,,然后输入package control:install package

在这里有你想用的一切可安装的sublime插件。

------------------------------------------我是分割线^_^我是分割线---------------------------------------------------------------

那么,我来说一下,我常用的一些插件!!

打开package control

1.汉化包插件---->chinese

回车或是鼠标双击开始安装,等待安装好之后,汉化包就好了。

2.代码提示------->jQuery

一般情况的jquery代码提示都会有的。

3.html?提示---->Emmet

新建文件时,创建h5页面代码格式,只用!+tab就可生成;

创建标签tab即可;

>    可生成后代;

4.较为好看的主题---->boxy theme

5.可以与其配合的侧边栏图标--->A File icon

6.侧边栏插件----->SideBarEnhancements

7.css?提示插件--->SublimeCodeIntel

(这个都说要配置,我没有配置,但用的也挺好的。。。这个插件还是去找大神的博客吧。。。)。

8.开启sublime服务器------->SublimeSever

由于sublime自己没有服务器,在浏览器中打开文件时为:file:///     ,这种是无法打开,数据异步加载的东东,

所以这时候就需要开启本地服务器来成功打开文件在页面中显示了。

安装成功后,在工具当中有个Sublime  Server-->star SublimeServer;

打开之后就开启了服务器,此时,html文件不要在浏览器中显示,而是,右键打开默认菜单中有View in SublimeServer,这样就可以在本地服务器中打开了。

--------------------------------------------我是分割线---------------------------------------------------

这就是我常用的一些简单的觉得比较好用的Sublime插件了。

Sublime是我觉得比较成熟,也比较好用的一款编辑器了(就是因为插件多,哈哈哈哈哈)

在网络上,仍有很多很多好用的插件,比如:

css的颜色插件Color Highlighter,JS的代码JavaScript Completions等等等等。。。

----------------------------------------分割线---------------------------------------------------------

学习的路上,要不断的前行,不断的分享,不断的学习!!!

前段,在路上!

-----------------------------------------------2017/09/05修改----------------------------------------

代码格式化整理------->HTML-CSS-JS Prettify

安装完成后,按住shift + ctrl +  h,即可格式化html,css,json,js代码

文件路径提示插件------>autofilename

安装即可

------------------2017/11/27修改----------------------------

sass的编译----------->sass

     ------------>sass Build

Ctrl+B      这样做,可以直接在当前文件夹内生成对应css文件,并且默认压缩为一行。

如果想跳出scss文件夹,对应生成css文件夹的话需要进行相应的配置

  1.工具-->编译系统-->新建编译系统

  2.{  
         "cmd": ["sass", "--update", "$file:${file_path}/../css/${file_base_name}.css"],  
          "selector": "source.sass, source.scss",  
          "line_regex": "Line ([0-9]+):",  
      
          "osx": {  
       "path": "/usr/local/bin:$PATH"  
       },  
     "windows": {  
                  "shell": "true"  
            }  
         }

  输入完成之后,需要将文件命名为自己想要的名字(此处我自己命名为MySass.sublime)并且放在  Sublime  的   Packages  文件夹下

  3,然后      工具-->编译系统-->MySass.sublime

  设置之后,对scss文件再次Ctrl+B,scss文件会再上一层文件夹下对应生成css文件夹和对应的css文件。css样式为    nested。

sublime text3 好用的插件!!!的更多相关文章

  1. Sublime Text3下的markdown插件的安装及配置

    Sublime Text3下的markdown插件的安装及配置 安装准备--安装Package Control 安装MarkdownEditing 安装Markdown Preview或OmniMar ...

  2. sublime text3好用的插件

    1.安装package control sublime text3 的安装方法,ctrl+`,调出控制台输入 import urllib.request,os; pf = 'Package Contr ...

  3. Sublime Text3快捷键以及常用插件

    工若善其事,必先利其器.做为一个web前端开发人员,必须有一个得心应手的编码工具,本人推荐Sublime Text3和WebStorm,但WebStorm太过智能和耗性能了对初学者来说弊大于利,所以我 ...

  4. Sublime Text3使用及常用插件

    1.安装packages组件: 参考一: https://sublime.wbond.net/installation 参考二: http://blog.csdn.net/superskk6/arti ...

  5. sublime text3 安装package control 插件,解决访问被墙的问题

    1.在github上下载Package Control的安装包 https://github.com/wbond/sublime_package_control 2.打开sublime存放插件的目录: ...

  6. sublime text3 破解及常用插件

    sublime text3 下载 破解 submelime Text > About sublime Text //看是否注册并 查看当前的版本 然后百度或google搜索 'sublime t ...

  7. Sublime Text3的快捷键和插件

    今天重装了一下Sublime Text3,发现了一个不错的网站,关于Sublime Text3的插件安装介绍的很详细,还有右键增强菜单和浏览器打开快捷键的创建.奉上链接 http://www.cnbl ...

  8. Sublime Text3安装及常用插件安装

    为了使用强大好用的代码编辑器来进行selenium3+Python3的自动化测试. 使用Sublime Text 3非常适合. 1.下载安装 首先到http://www.sublimetext.com ...

  9. mac电脑sublime text3安装pretty json插件

    因http://packagecontrol.io/地址被墙无法实现自动安装,导致sublime Text3安装插件非常麻烦,总是出现There Are No Packages Available F ...

  10. sublime text3 好用的插件

    sublime text3 推荐插件 Package Controller安装 1.打开sublime text 3,按ctrl+~或者菜单View > Show Console打开命令窗口.2 ...

随机推荐

  1. 原来,负载均衡可以这样用,多核CPU可以这样用

    负载均衡作为一个处理高并发,大流量的访问的业务场景,已经几乎是常识性的知识了. 而本文的意义在于需求:由于大流量请求,导致服务无法正常响应,在不增加购买机器成本的场景下,如何提高服务器的业务处理能力? ...

  2. M4——GPIO配置

    1.GPIO 简述: 通用输入输出(General Purpose Input Output)的简称,就是芯片引脚可以通过他们输出高电平或者低电平,也可以通过他们读取引脚的电平状态. 以STM32F4 ...

  3. 使用proxool连接池配置教程

    proxool连接池的优点: 1.透明度:透明地将连接池添加到现有的JDBC驱动程序. 2.开源:我们的许可证允许您灵活地将其用于商业和其他开源产品. 3.标准:符合J2SE API,使您有信心开发标 ...

  4. 微服务架构下的API网关

    顾名思义,是出现在系统边界上的一个面向API的.串行集中式的强管控服务,这里的边界是企业IT系统的边界,主要起到隔离外部访问与内部系统的作用.在微服务概念的流行之前,API网关的实体就已经诞生了,例如 ...

  5. 错误Deprecated: mysql_connect(): The mysql extension is deprecated and will be removed in the future:

    今天写PHP代码,遇到了这个非常不友好的报错(Deprecated: mysql_connect(): The mysql extension is deprecated and will be re ...

  6. HTML DOM (文档对象模型)

    当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model). HTML DOM 模型被构造为对象的树. HTML DOM 树 通过可编程的对象模型,JavaScrip ...

  7. golang channel无缓冲通道会发生阻塞的验证

    公司搞了午间技术par,本周我讲的主题是关于无缓冲通道channel是否会发生阻塞,并进行了验证. go语言中channel分为无缓冲通道和有缓冲通道两种 channel提供了一种在goroutine ...

  8. jquery的2.0.3版本源码系列(4):285-348行,extend方法详解

    目录 1 . jquery extend的基本使用 通过285行的源码 jQuery.extend = jQuery.fn.extend = function() { ,extend方法要么是直接挂在 ...

  9. 迈向angularjs2系列(1):typescript指南

    typescript指南 前言 typescript是angularjs2推荐使用的脚本语言.它由微软2012年首次发布. 一.    typescript和javascript的区别 1.从遵循的规 ...

  10. 文档API生成神器SandCastle使用心得

    一.功能描述 关于Sandcastle网上的参考资料相对较少,Google出来很多资料都是全英文的,相对于我这种英语渣渣看起来还是很费劲的. 言简意赅,Sandcastle主要功能是能够将C#类生成类 ...