ipad可以下载webstorm吗

WebStorm是一款深受广大程序员喜爱的 JavaScript 开发和Web前端开发工具，完美适应各种复杂客户端开发和Nodejs的服务器端开发。今天我们发布了 WebStorm 202031，这是 WebStorm 20203 的第一个错误修复更新。

点击下载WebStorm最新试用版

您可以使用工具箱应用程序或直接从集成开发环境更新到它。您也可以从我们的网站下载 WebStorm 202031。

WebStorm 202031采用全新 Apple M1 芯片的 Mac 版 WebStorm。WebStorm现在可以在Apple Silicon上原生运行，而且速度非常快！我们希望你能喜欢它。我们希望你会喜欢它。

要使用它，你需要在我们的网站上或在工具箱应用程序（Apple M1部分下）中下载一个单独的WebStorm for Apple Silicon安装程序。请注意，之前安装的通过Rosetta 2运行的WebStorm版本不会自动更新到本地构建--你必须安装一个新的本地版本。

以下是v202031中最显著的修复。

对于Tailwind，我们增加了对更多用例的支持：

Tailwind类名称的完成现在可以在JavaScript模板文字（WEB-48257）内的HTML代码中使用。

现在，IDE Tailwind支持可在使用Yarn PnP（WEB-48226）的项目以及WSL文件系统中的项目（WEB-48428）中使用。

我们已经改善了对Nuxt项目（WEB-46418）中组件的支持。

JavaScript，HTML和CSS代码中的文档弹出窗口现在可以正确显示MDN（WEB-48715）中的文档。

修复了呈现的编辑器文档（WEB-48462）的性能问题。

现在可以单击npm工具窗口中的ESLint报告中的路径（WEB-38060）。

来自GitHub PR的评论不再在文件中显示两次（IDEA-244965）。

修复了使用JetBrains Toolbox浏览器扩展（IDEA-253829）签出GitHub项目的问题。

修改tomcat端口号的方法:

修改Serverxml文件，把8080端口改成80就可以了。

8080是Tomcat服务器的默认的端口号。我们可以通过修改Tomcat服务器的conf目录下的主配置文件serverxml来更改用记事本打开serverxml文件，找到如下部分:

以下为引用的内容：

<Connector port="8080" maxHttpHeaderSize="8192"

maxThreads="150" minSpareThreads="25" maxSpareThreads="75"

enableLookups="false" redirectPort="8443" acceptCount="100"

connectionTimeout="20000" disableUploadTimeout="true" />

将其中的port="8080"更改为新的端口号即可，如将“8080”改为“9080”等。

有人觉得vue项目难调试，是因为用了webpack。所有代码揉在了一起，还加了很多框架代码，根本不知道怎么下手。所以vue+webpack调试要从webpack入手。

1我们先从一般情况开始说。

-sourcemap

webpack配置提供了devtool这个选项，如果设置为 ‘#source-map’，则可以生成map文件，在chrome浏览器中调试的时候可以显示源代码。

devtool: '#source-map'

2然而这个设置实际上没这么简单。webpack官方给出了7个配置项供选择:

01devtool介绍

这里不同的配置有些不同的效果，比如是否保留注释、保留行信息等，具体每一条什么意思这里不详解释，有兴趣的童鞋可以参考这篇文章

官方默认的是用 ‘#cheap-module-eval-source-map’

devtool: '#cheap-module-eval-source-map'

设置好之后，在vue项目调试的时候，代码里面标注debugger的时候就能看到对应的代码了，非常方便。

02debugger

或者，直接找到对应的文件。在chrome用 ’ctrl(command) + p‘，输入文件名，可以找到对应的源代码。

command+p

打断点：

断点

需要注意的是，这里断点会打在下一行。同时一行代码运行在它的下一行才算执行。

03-vue-cli

vue家的项目脚手架，推荐使用。vue-cli老家在这里

vue-cli可以帮我们自动搭建项目，首先npm全局安装

npm install -g vue-cli

然后创建一个新的项目

vue init webpack my-project

一路回车，搞定。(更多配置项请参考上面给出的vue-cli链接)

这里从网上下载了一个带webpack的vue项目(跑之前记得npm install一下)

04vue-cli webpack

从bulid文件夹里面就大概能看出：

•webpackdevconf: 开发模式用

•webpackprodconf: 生产模式用

其中，开发模式提供了devtool为’#cheap-module-eval-source-map’，生产模式根据config文件夹下的productionSourceMap变量控制是否使用。

若为true，则devtool为’#source-map’

其他使用方法一致。非常方便。

3线上调试

平时开发的时候，我们用webpack的热加载，可以省去挂载调试的步骤，非常方便。但是发布后部署到服务器上，就失去了这个本地优势。

如果使用挂载文件方式会比较麻烦。由于webpack打出来的文件有版本号这些信息，而且发布一个包看代码量可能需要等待不等，这个方案不实际。但是如果挂载的是热加载到端口下的文件的话，这个问题就很好办了。

-热加载

在此之前，先来分析一下webpack的热加载原理。

对项目抓包可以发现这么一个文件：__webpack_hmr

__webpack_hmr

这是webpack热加载的服务器推送事件，eventsource类型，功能和websocket有点类似。大致作用是建立一个不会停止的stream流链接，服务器发送更新数据回来append到流的末端，前端读取最新append的数据，然后动态的更新页面上的东西。

接下来我们观察下上文提到的更新数据有哪些。随便更新一个文件，触发热加载，再抓个包，发现有两个hot-updatejson和一个hot-updatejs文件

热加载更新文件

这些具体做了些啥我不知道，这里就不深究了。应该是根据json里面的数据，达到一个准确更新的效果。

所以热更新其实就是监听服务器上的数据，有修改的话服务器发送数据过来，前端把数据拿来后替换到页面上这么一个过程。

-AutoResponder

接下来谈谈线上挂载测试，这里推荐一款软件：fiddler

fiddler有一个功能叫做AutoResponder，它可以将一个地址指向另一个地址。之所以用这个软件，是因为它能匹配正则，非常方便。

AutoResponder

上一节说到，webpack热加载用到了这几类文件

•__webpack_hmr

•xxxxxxxxxxxhot-updatejson

•xxxxxxxxxxxhot-updatejs