sublime text3 好用的插件!!!
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 好用的插件!!!的更多相关文章
- Sublime Text3下的markdown插件的安装及配置
Sublime Text3下的markdown插件的安装及配置 安装准备--安装Package Control 安装MarkdownEditing 安装Markdown Preview或OmniMar ...
- sublime text3好用的插件
1.安装package control sublime text3 的安装方法,ctrl+`,调出控制台输入 import urllib.request,os; pf = 'Package Contr ...
- Sublime Text3快捷键以及常用插件
工若善其事,必先利其器.做为一个web前端开发人员,必须有一个得心应手的编码工具,本人推荐Sublime Text3和WebStorm,但WebStorm太过智能和耗性能了对初学者来说弊大于利,所以我 ...
- Sublime Text3使用及常用插件
1.安装packages组件: 参考一: https://sublime.wbond.net/installation 参考二: http://blog.csdn.net/superskk6/arti ...
- sublime text3 安装package control 插件,解决访问被墙的问题
1.在github上下载Package Control的安装包 https://github.com/wbond/sublime_package_control 2.打开sublime存放插件的目录: ...
- sublime text3 破解及常用插件
sublime text3 下载 破解 submelime Text > About sublime Text //看是否注册并 查看当前的版本 然后百度或google搜索 'sublime t ...
- Sublime Text3的快捷键和插件
今天重装了一下Sublime Text3,发现了一个不错的网站,关于Sublime Text3的插件安装介绍的很详细,还有右键增强菜单和浏览器打开快捷键的创建.奉上链接 http://www.cnbl ...
- Sublime Text3安装及常用插件安装
为了使用强大好用的代码编辑器来进行selenium3+Python3的自动化测试. 使用Sublime Text 3非常适合. 1.下载安装 首先到http://www.sublimetext.com ...
- mac电脑sublime text3安装pretty json插件
因http://packagecontrol.io/地址被墙无法实现自动安装,导致sublime Text3安装插件非常麻烦,总是出现There Are No Packages Available F ...
- sublime text3 好用的插件
sublime text3 推荐插件 Package Controller安装 1.打开sublime text 3,按ctrl+~或者菜单View > Show Console打开命令窗口.2 ...
随机推荐
- 第一次使用windows版的Git,附上一些配置和最常用的git命令
Git配置:git config --global user.name "用户姓名" git config --global user.emall "用户邮箱" ...
- java‘小秘密’系列(一)---String、StringBuffer、StringBuilder
java'小秘密'系列(一)---String.StringBuffer.StringBuilder 前言:本系列的主题是平时容易疏忽的知识点,只有基础扎实,在编码的时候才能更注重规范和性能,在出现b ...
- android studio多渠道多包名多apk打包
转自 利用 Android Studio 和 Gradle 打包多版本APK 搬砖的道路上,经常会有各种不同的需求,比如今天就碰到过一个打包版本的apk的要求, 比如一个apk给多个客户使用,如张三 ...
- EasuUI-js(EasyUI formatter格式化教程)常用判断收集
YN标记: formatter : function(c1, row,index) { var a = ""; if(c1 == "Y"){ a = a + & ...
- Win10各版本区别
Win10各版本之间的区别.. ------------------- =============================================功能最强大的,不是日后绝大多数中国用户 ...
- java注释中使用注解@see
缘起 在写java时,有时需要写注释,而为了更好的描述,需要引用和参考其他代码.为了让阅读者更好的体验,javadoc中支持链接跳转,这就需要用到注解@see. @see用法 注解@see可以在注释中 ...
- mysql存储过程查询结果循环遍历 判断 赋值 游标等基本操作
一.首先说下本篇博客所实现功能的背景和功能是怎样的: 背景:因为公司项目开始迁移新平台项目,所以以前的平台老数据以及订单信息需要拆分表,而且需要业务逻辑来分析以前的订单表,来拆分成另外的几个新表,包括 ...
- 使用Dev中的GridView进行数据增删操作
使用OracleHelper(一个C#操作Oracle数据库的工具类),连接的打开关闭全部交给OracleHelper去做. 进行增加数据信息时,新开增加数据信息的窗口,并且接受窗口的返回值,如果 ...
- 移动端touch事件 || 上拉加载更多
前言: 说多了都是泪,在进行项目开发时,在上拉加载更多实现分页效果的问题上,由于当时开发任务紧急,所以就百度找了各种移动端的上拉下拉 实现加载更多的插件.然后就留下了个坑:上拉加载的时候会由于用户错误 ...
- Ext.grid.EditorGridPanel分页和查看全部
在gridPanel添加查看全部数据按钮,必须使得每页显示的数量pageSize为总条数,那么总页数就只会有一页. 1.获取store数据的总条数 var totalCount = grid.getS ...