web前端开发神器WebStorm编辑器

最新推荐文章于 2024-05-22 11:23:26 发布

原创最新推荐文章于 2024-05-22 11:23:26 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#webstorm #开发工具

JS_HTML_CSS 专栏收录该内容

23 篇文章

订阅专栏

本文详细介绍了WebStorm作为一款优秀的前端开发工具，如何通过关联JS框架、提供代码提示、支持浏览器预览等功能，提升开发效率。特别强调了其在HTML标签自动生成方面的便捷性，以及如何轻松导入并使用Angularjs等框架，为新手开发者提供了一个友好且高效的编程环境。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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