03【WebStorm开发工具】-Toy模板网

这篇具有很好参考价值的文章主要介绍了03【WebStorm开发工具】。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

上一篇：02【HTML快速入门】

下一篇：04【】

目录：【HTML5系列教程】

三、WebStorm开发工具

3.1 WebStorm简介

WebStorm是JetBrains公司旗下一款 JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
03【WebStorm开发工具】

支持的语言和框架：

提供JavaScript、ECMAScript 6、TypeScript、CoffeeScript、Dart和Flow代码辅助功能
帮助编写HTML、CSS、Less、Sass和Stylus代码
支持Node.js和主流框架，如React、Angular、 Vue.js、Meteor等

除了WebStorm，另外市面上比较流行的开发工具还有很多，例如Visual Studio Code、Sublime Text、HbuilderX、Dreamweaver等，但无论是哪款开发工具都是用来辅助我们开发的；
下图是Jetbrains公司对JavaScript开发者使用的IDE统计情况（2021年）：
03【WebStorm开发工具】

3.2 WebStorm安装

参考WebStorm安装手册

3.3 WebStorm基本使用

3.3.1 创建项目

1）打开WebStorm，点击Create New Project：
03【WebStorm开发工具】
2）选择Empty Project，并选择项目的路径：

3）项目创建完毕：

4）创建html文件：

Demo01.html文件如下：

3.3.2 调整字体大小

点击菜单栏上的 File->Settings->Editor->Color Scheme->Color Scheme Font 修改字体大小
03【WebStorm开发工具】
有的人习惯了按住Ctrl+滚轮上下来完成字体大小的缩放，WebStorm也支持该设置：

以同样的方法添加放大字体快捷键：

3.3.3 代码自动补全

在WebStorm工具中， Ctrl+空格的快捷键，可以帮助我们补全代码，但是这个快捷键和Windows中的输入法切换快捷键冲突，需要修改WebStorm中的快捷键。 File->Settings->keymap->Main menu->code->Completion->Basic
03【WebStorm开发工具】文章来源地址https://www.toymoban.com/news/detail-476329.html