开发工具WebStorm说明书

最新推荐文章于 2025-06-04 19:18:28 发布

github_38903577

最新推荐文章于 2025-06-04 19:18:28 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/github_38903577/article/details/82263232

本文是WebStorm开发工具说明书。介绍了WebStorm是jetbrains公司的JavaScript开发工具，继承了IntelliJ IDEA强大的JS功能。说明了其下载安装方法，还阐述了使用WebStorm创建项目、文件的方式，以及规范创建前端文件夹的结构，方便页面管理。

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

开发工具WebStorm说明书

1、什么是WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
我们可以理解 IDE 就是集成了很多你想要的功能，或者你不想要的功能。换句话说就是装了很多插件的 editor ，所以到目前为止，我还觉得没必要给它装什么插件。想了解更多关于WebStorm的信息，去百度百科查找。

2、WebStorm安装

下载地址：http://www.jetbrains.com/webstorm/download/#section=windows-version
安装过程很简单，一直下一步即可，运行Webstorm后，会出现需要注册的页面，打开注册机程序：将注册机的信息复制进去即可，如图2-1所示。

图2-1

                     图2-1

3、如何使用WebStorm

打开WebStorm，如图3-1所示：

图3-1
如果想要新建新的project，选择File–>New…–>Directory(directory是文件夹)，同理可以创建对应的html file、stylesheet等文件，具体如图3-2、图3-3所示。

图3-2

图3-3
按照这样创建好的文件夹后便能开始开发你的页面了。还有另一种方式，不通过webstorm创建。具体方法是先在pc端某个目录下创建相应文件夹，然后通过打开webstorm–>File–>Open…—>对应目录的文件–>打开，具体如图3-4、图3-5所示：

图3-4

图3-5

4、规范创建前端文件夹

规范创建文件夹，能方便调用，使得页面变得更好管理。个人创建文件的目录大致是最外层是项目的名称，项目名称文件夹下放置css、js、img、pages、lib、json文件夹。其中css文件夹放置css文件，js放置js文件，img放置用到的图片、lib放置公用的js、css文件、json放置json文件。Pages下面放置相应的html文件，具体格式如图4-1、图4-2所示。

图4-1

图4-2