Webstorm 2019.1 免费版

功能介绍：

1、JavaScript

· 基于DOM，特定浏览器完成

· 编码导航和用法查询

· 支持ECMAScript

· 支持CoffeeScript

· 支持结点

· JavaScript重构

· JavaScript单元测试

· 代码检测和快速修复

· JSLint/JSHint

· 基于 Mozilla的JavaScript调试器

2、其他用途

· 批量代码分析

· 编码语言混合或内混

· 拼写检查器

· 重复代码检测器

3、编辑语言

· 支持HTML5

· css/js

· 检验和快速修复

· Zen编码

· 显示内容

· 显示应用的风格

4、便捷的环境

· HTML5样本文件和其他Web应用程序模板

· FTP和远程文件同步

· 集成了版本控制系统

· 本地记录

Webstorm下载截图2

软件特色：

1、智能的代码补全

支持不同浏览器的提示，还包括所有用户自定义的函数(项目中)

代码补全包含了所有流行的库，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

2、代码格式化

代码不仅可以格式化，而且所有规则都可以自己来定义

3、html提示

大家经常在js代码中编写html代码，一般来说十分痛苦，不过有了智能提示，就爽多了。而且html里面还能有js提示。

4、联想查询

只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义；可以全项目查找函数或者变量，还可以查找使用并高亮。

5、代码重构

代码检查和快速修复

可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。

6、代码调试

支持代码调试，界面和IDEA相似，非常方便。

可以快速浏览和定位

7、代码折叠

功能虽小，不过胜在方便高效

8、包裹或者去掉外围代码

自动提示包裹或者去掉外围代码，一键搞定

webstorm下载截图3

webstorm下载截图4

安装步骤：

具体的安装过程如下：

第一步：双击运行Webstorm安装程序，打开Webstorm安装包。  

webstorm下载截图5

第二步：点击next，点击【自定义安装】按钮选择安装目录

webstorm下载截图6

软件截图7

软件截图8

第三步：单击【安装】开始安装以后即可开始安装。

软件截图9

第四步：安装完成点击【finish】即可打开Webstorm。

软件截图10

软件截图11

更新日志：

1.无效的CSS选择器的格式

2.无效的CSS属性

3.未使用的CSS类定义

4.无效的本地锚和更多…

5.缺少必需的属性

6.无效的属性或非法值

7.错误的引用文件中的链接

8.重复的属性

使用方法：

一、如何用Webstorm创建项目?

1、首先，打开我们的电脑，运行Webstorm软件；

2、软件打开后，如图，点击左上角的file，选择New project  选项。

软件截图12

3、会出来如图所示的界面，选择你想要创建的项目的目录，untitled是默认名，改成你想要取的项目名。

4、选择好项目的路径，命名好项目的名称后，点击ok，然后会出现如图所示让你选择当前窗口还是新窗口还是撤销，一般选择当前窗口。但是如果你已经打开了一个项目，就选择新窗口。

软件截图13

5、选择好窗口后，项目就创建完成了。你可以在项目下右击增加文件夹和各种文件。

软件截图14

二、Webstorm的页面怎样在浏览器中预览效果？

1、首先，我们打开自己的Webstorm软件，打开项目，找到任意一个.html的文件。

webstorm下载截图15

2、我们选中某个html文件，然后右击，在弹出的菜单中有一项是“run ***.html”，

webstorm下载截图16

3、点击之后，我们电脑上默认就会自动打开这个页面，并且该页面有配置好的服务器。

常见问答：

一、Webstorm怎么更改字体大小？

1、首先我们双击桌面的Webstorm图标，打开Webstorm。

2、然后点击上面菜单栏的“文件”，找到其子菜单中的“设置”，点击打开

软件截图17

3、在打开的新窗口中找到“Editor”选项，点击它前面的加号。

软件截图18

4、然后再找其子菜单中的选项，直到找到“Font”选项，点击即可。

5、这时候在右侧就可以设置其字体和大小了，设置完成后点击下面的确定按钮即可。

软件截图19

二、Webstorm格式化代码及常用快捷键

1、centOS下Webstorm格式化代码的快捷键Ctrl+Shift+l

2、windows下Webstorm格式化代码的快键键Ctrl+Alt+l

3、mac 下 Webstorm格式化代码的快捷键 Option+Command+l

三、如何修改WebStorm的背景色？

1、默认的WebStorm的背景色是纯白色，这种颜色更容易让你引起眼部疲劳。

2、点击“文件”→“设置”，找到并点击“Colors & Fonts”打开“Editor”（编辑）

软件截图20

3、打开“编辑”后，找到“HTML”

软件截图21

4、这时，查看右侧，找到如下图的选框，选择你所喜欢的背景色。

软件截图22

5、确定背景色后，找到并点击“Save as”选项，随意输入你喜欢的名字。

软件截图23

编辑点评：

这款Webstorm是jetbrains公司旗下一款强大的JavaScript 开发工具。目前Webstorm已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。Webstorm中文版下载与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能，对于同样开发JS的朋友来说这款软件是不错的选择哦！