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. 剑指OFFER——合并两个有序的链表

    输入两个单调递增的链表,输出两个链表合成后的链表,当然我们需要合成后的链表满足单调不减规则. 再做这道题就是想不起来书上怎么做的了,但是最近看STL里面全是这种基础的合并啊,比较啊.就算不会也看会了. ...

  2. expungeStaleEntries函数解析

    1 /** * Reference queue for cleared WeakEntries */ // 所有Entry在构造时都传入该queue private final ReferenceQu ...

  3. 软件测试学习LINUX常用命令

    测试初学者常用的LINUX命令,不懂得的可加Q群答疑649017887 一.常用管理命令:1. shutdown -h now 关机命令2. shutdown -r now (reboot) 立即重启 ...

  4. github+hexo搭建自己的博客网站(三)主题之外的一些基本配置(图片位置,文章目录功能)

    使用的yilia主题之后,还需要进行自己的定制配置 1.图片的位置 比如打赏的支付宝二维码图片,是在当前博客的source/assets/img/下 (不是当前主题) 配置:(在yilia主题下文件里 ...

  5. dotnet使用Selenium执行自动化任务

    如果要做百度文库,百度贴吧,百度知道签到,你,会怎么做?前不久我还会觉得这好像太麻烦了,now,soeasy. 自动化测试工具:Selenium Selenium是一个用于Web应用程序测试的工具.S ...

  6. AngularJS 动画总结

    对读过的几篇文章的总结,尽量保证逻辑性,不断补充.精简.更正. 后面会列出参考文章地址,方便以后取用.感谢各位作者以及翻译者. AngularJS 动画思考 一.如何使用 1)我们需要构建什么 2)如 ...

  7. Apache Kafka系列(五) Kafka Connect及FileConnector示例

    Apache Kafka系列(一) 起步 Apache Kafka系列(二) 命令行工具(CLI) Apache Kafka系列(三) Java API使用 Apache Kafka系列(四) 多线程 ...

  8. Android笔记: ViewPager基本用法

    ViewPager控件可以实现多个View(或fragment)滑动切换的效果,属于比较常用的控件.下面用一个简单的例子介绍一下该控件的基本用法. 首先是布局文件activity_view_pager ...

  9. UWP 手绘视频创作工具 “来画Pro” 技术分享系列

    开篇先来说一下我和来画的故事,以及写这篇文章的初衷. 今年年初时,我还在北京,在 Face++,做着人脸识别技术的 Windows 和 Android 端,做着人工智能终将实现世间所有美好的梦.这时的 ...

  10. JavaScrpt笔记之第二天

    JavaScript正则表达式regex 1.郑则表达式是有一个字符序列形成的搜索模式. *语法:/正则表达式主题/修饰符(可选) *正则表达式修饰符:i部分大小写:g全局搜索:m多行匹配 *[abc ...