WebStorm不仅可以针对html,还可以对一些常见的前端框架进行关联。先说说html,针对html代码的编辑器有很多。其他的比如:notpad++, sublime Text等等。我常用的就是sublime Text,现在基本上只用webStorm。webStorm是一款付费的软件,可以试用,我学习使用是在网上找的激活码。webstorm可以关联js框架及js变量等等,这是一般的编辑器没有的,用它也是因为js关联。sublime text 和 webstorm的html标签自动生成一样,如下,新建空白html文件,输入:
!
按tab:
<!DOCTYPE html>
<html lang="en">
<head>
...
</head>
<body>
...
</body>
</html>
输入命令,如:
html>body>div>li*3
按tab键就会生成:
<html>
<body>
<div>
<li></li>
<li></li>
<li></li>
</div>
</body>
</html>
带有class和id的标签,输入:
div#id>div.example.example2*2
按tab键:
<div id="id">
<div class="example example2"></div>
<div class="example example2"></div>
</div>
webStorm特殊处是在关联js,首先导入js框架,我是用的Angular js,导入插件后,在html文件中引用js文件,在敲代码的时候就可以代码提示了,对于新手来说是很好的一款编辑器,试用期一个月。webStorm还可以支持浏览器预览。