前端主流IDE快捷语法

本文主要介绍前端的一些主流IDE常用语法，示例IDE为webstorm2017.3

1.类名：div.nav +Tab
tips：div是标签，试用所有常用的标签如a、p、input等等，而 “.” 后面跟随的就是我们的class类名，如需多个类名可用 .+类名 拼接多个，如：div.+类名.+类名 。若需设置id，用#拼接即可，如：div#+id名。

<div class="nav"></div>
<div class="nav color"></div>
<div id="nav"></div>

2.父子容器：div>ul>li+Tab
tips: **>**是拼接父子容器的，可以逐级递增。

<div><ul><li></li></ul>
</div>

3.多个标签元素：div>ul>li*5+Tab
tips： *+数字 数值的多少表示子集的个数，适用乘法。

前端主流IDE快捷语法相关推荐

前端开发IDE之webstorm简单介绍
webstorm简单介绍欲先善其事,必先利其器,如题. 我们可以理解 IDE 就是集成了很多你想要的功能,或者你不想要的功能.换句话说就是装了很多插件的 editor ,所以到目前为止,我还觉得没必 ...
WebStorm：令人眼前一亮的一款前端开发IDE
WebStorm:令人眼前一亮的一款前端开发IDE 从最初的dreamweaver,到Notpad++,再到aptana,每一款IDE总让我我感觉少了点什么东西.WebStorm却让我眼前一亮,虽然公 ...
【校招VIP】前端JS语言之语法相关
考点介绍: 简单来说JavaScript也是一门轻量级的编程语言,只是他可插入到HTML中,而后由浏览器执行. 一个完整的JavaScript基本由3部分组成: 第一部分:ECMAScript是核心 ...
python print语句的快捷语法
1>print 语句的快捷语法可以用于写入任何打开的文件 (或者是类文件对象) >>> f=open(r'C:\Users\91135\Desktop\print.txt',' ...
Web前端主流框架有哪些？哪种比较好？一文带你搞懂！
最近在某乎上看到这样一个问题--前端为什么会越来越复杂. 在评论中,看到一个回答,大意是这样的:相对于后端来说,前端的发展路径更容易分叉,总要有一种新的方法去解决一个新的问题.随着用户审美的提高,对产 ...
【HTML】一款不错的前端开发IDE——Aptana Studio
前端开发到底用什么工具去写代码.一直众所纷纭.首先是早已被抛到角落的FrontPage之后是现在已经渐渐被抛到角落的Dreamweaver,很多大神主张前端这么简单就应该直接用记事本去写,然后觉得记事 ...
Brackets前端开发IDE工具
Brackets是一个开源的前端开发IDE工具,网页设计师和前端开发人员必备的前端开发IDE工具. 它能够使你在开发WEB网站实时预览你的网页,目前版本只适用于Chrome浏览器可以实时预览效果支持 ...
2020，前端主流框架和主题，以及下一个十年的技术趋势
点击"开发者技术前线",选择"星标" 在看|星标|留言, 真爱作者 | Eric Elliott 前端之巅译者 | 王强如果你想找到一份理想的 Java ...
分享一些前端主流面试题
HTML基础 1. HTML 文件中的 DOCTYPE 是什么作用? HTML超文本标记语言: 是一个标记语言, 就有对应的语法标准 DOCTYPE 即 Document Type,网页文件的文档类型 ...
前端主流浏览器兼容写法（css、js）以及主流框架vue,react的兼容性
前言: 前端样式很重要,但是因为浏览器种类繁多,内核不同,会导致各种兼容问题.尤其ie,但好在微软对ie不在更新了. 常见浏览器: 常见的浏览器有:IE.Edge(替代了ie).Firefox.QQ浏 ...

前端主流IDE快捷语法

前端主流IDE快捷语法相关推荐

最新文章

热门文章