web前端开发神器WebStorm编辑器

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还可以支持浏览器预览。

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值