webstorm sublime工具代码简写笔记
2015-12-26 12:16
387 查看
最近没什么捣鼓的,sublime 和webstrom这两个工具简直就是前端工程师的左膀右臂,让代码写起来666666666666的快。总结一下写HTML的简写:
简写 + Tab = HTML代码;
ps:E代表html标签字母,比如div ul li等等
简写 对应的HTML代码
html:5 生成html5的基本结构
html:xt 生成html4.01的基本结构
E#id 代表生成id属性,值为id
E.classname 代表类,值为classname
E[attr=foo] 代表生成的属性
E{ } 代表标签的内容,也可以直接空格后面写类容:E 类容
E>N E标签里面生成N标签
E+N E和N同级元素
E^N 和E+N一样
webstorm格式化代码快捷键:Ctrl + alt + l
webstorm整个项目替换:Ctrl + shift + r
打完手工,个人觉得以上两款编辑器各有优点。
sb: 轻量级,而且通过命令安装插件特简单,但是整个项目替换麻烦,而且要去安装jade sass less等插件,如果电脑性能OK还是可以考虑用webstrom的,当然,如果主要是写css和HTML和少量js,用sb还是不错的选择。
webstrom:这个家伙最大的不好就是启动慢,耗电脑性能,但是好处不少,代码格式化,支持多种语言,而且自带一个命令慢板,比cmd好用
简写 + Tab = HTML代码;
ps:E代表html标签字母,比如div ul li等等
简写 对应的HTML代码
html:5 生成html5的基本结构
html:xt 生成html4.01的基本结构
E#id 代表生成id属性,值为id
E.classname 代表类,值为classname
E[attr=foo] 代表生成的属性
E{ } 代表标签的内容,也可以直接空格后面写类容:E 类容
E>N E标签里面生成N标签
E+N E和N同级元素
E^N 和E+N一样
webstorm格式化代码快捷键:Ctrl + alt + l
webstorm整个项目替换:Ctrl + shift + r
打完手工,个人觉得以上两款编辑器各有优点。
sb: 轻量级,而且通过命令安装插件特简单,但是整个项目替换麻烦,而且要去安装jade sass less等插件,如果电脑性能OK还是可以考虑用webstrom的,当然,如果主要是写css和HTML和少量js,用sb还是不错的选择。
webstrom:这个家伙最大的不好就是启动慢,耗电脑性能,但是好处不少,代码格式化,支持多种语言,而且自带一个命令慢板,比cmd好用
相关文章推荐
- atom编辑器的使用
- 前端开发环境调研
- fiddler使用总结
- Sublime Text3安装
- 老外进行的前端工具使用率的调查,不翻译了
- Sublime Text 3常用插件安装(含Emmet插件指令介绍)
- linux软件包的安装之----yum前端工具
- Sublime Text 3常用快捷键
- 2017年前端开发工具趋势
- sublime text3实用教程-安装js智能提示插件
- ps切图(6)——参考线及辅助
- ps切图(5)——图层原理及其操作
- ps切图(8)——精准切图
- ps切图(7)—— 传统切图
- ps切图(4)——简单工具操作(3)
- ps切图(2)——简单工具操作(1)
- 官网常用 gulp配置文件
- 一小时包教会 —— webpack 入门指南
- 前端构建工具Gulp入门指南(第一篇)
- webpack 前端加载工具 让 浏览器端 javascript 执行 CommonJS规范