我在Sublime Text 3 编辑器中常用到的插件
来源:互联网 发布:淘宝怎么退订短信 编辑:程序博客网 时间:2024/06/10 20:26
我在Sublime Text 3 编辑器中常用到的插件
Sublime Text 3 是一款轻量级的编辑器。
做为一名编辑器使用不多的前端开发工程师——我来说,它挺好用哒,常用到的几个插件特别棒:
- 辅助编辑型插件
- GutterColor
- Emmet
- AutofileName
- Autoprefixer
- DocBlockr
- ConvertChineseCharacters
- 自动补全
- CSS Extended Completions
- Javascript Completions -
- 格式化型插件
- HTML/CSS/JS Prettify
- CSS Format
- Alignment
- CSScomb -
文件类插件
- View in browser
- 文件对比
- Sublimerge
-
- Sublimerge
其他工具类插件
- Can I Use
- ColorPick
- SideBarEnhancements
GutterColor
这个插件可以将样式文件的颜色值转换成真实颜色的小圆点显示在代码行前,颜色非常直观。
知道这个插件的存在,起因于chrome 的开发者工具 performance面板中出现的 Learn more 链接。
这个蓝色的 Learn more 链接成功吸引了我,于是开启浏览chrome文档模式。
从侧边栏导航Getting Started->SetUp Your Editor 中发现了 GutterColor插件的推荐。(注:谷歌文档,需要使用vpn才能进行访问)
安装GutterColor
.........
GutterColor插件带来的好处
- 编辑器里不再只有枯燥无味的颜色数字和字母,颜色视觉更直观
- 将less颜色变量组织在一起,使源代码更友好,你懂的
Emmet
构建html页面的时候,使用emmet插件可以解放双手减少标签的输入。
emmet插件使用示例
形如:article.wrap>section.container.m$*7>div.g-doc>div.title>h2+p.subtitle^div.content 这样的一串代码输入完后按下tab件即可生成7大块有规律的html代码
emmet语法帮助文档
emmet cheat-sheet/ 里面详尽地讲解了语法,罗列了各种css属性,即使不使用emmet,来这里了解css属性也是不错的选择。
未完待续….明天接着写
阅读全文
1 0
- 我在Sublime Text 3 编辑器中常用到的插件
- 我用到的sublime text 3 的插件(前端专属)
- 我的sublime text 2 插件
- 我在项目实施中常用到的命令
- sublime text 编辑器插件文本修改在浏览器直接更新
- sublime编辑器自己需要用到的插件列表
- 在Sublime Text 3安装PlantUML插件
- Sublime Text 3 史上最性感的编辑器
- Sublime Text 3 插件
- Sublime text 3 插件
- 安装Sublime Text 3插件的方法
- sublime text 3神奇的插件--snippet
- Sublime Text 3 支持的热门插件
- 安装Sublime Text 3 插件的方法
- Sublime Text的Bootstrap 3插件安装
- 安装Sublime Text 3插件的方法
- 安装Sublime Text 3插件的方法
- 安装Sublime Text 3插件的方法
- 编程题(度度熊回家最短距离)
- angular组件
- Java基础知识之字符串
- 实现类似于阿里云的动画效果
- 创建对象的几种方式
- 我在Sublime Text 3 编辑器中常用到的插件
- Linux下部署开源版“禅道”项目管理系统
- 离线地图的c++ 结合 html实现
- IDEA 配置Tomcat,并发布项目
- MapReduce功能实现四---小综合(从hbase中读取数据统计并在hdfs中降序输出Top 3)
- jpg转换为dwg的教程
- MySQL:查看sql语句运行时间
- myBatis中xml配置方式使用constructo配置字段
- 兼容各种浏览器的图片垂直居中CSS解决方案