一个使用VSCode的前端工程师对WebStorm进行了调查
关于这篇文章
我作为一名前端工程师毫不犹豫地使用VSCode两年了,但碰巧有机会研究WebStorm,所以我总结了一下!希望能简要介绍一些在VSCode中似乎没有的便利功能。
首先,什么是IDE?
集成开发环境(Integrated Development Environment)的意思。
IDE的特点
-
- 起動遅め
-
- メモリ大量に使いがち
- プラグインなしでも色んな事出来ちゃう
详细来说
-
- IntelliJ IDEA
-
- WebStorm
-
- Eclipse
-
- Android Studio
-
- Visual Studio
- PyCharm
等等
相对而言,文本编辑器是什么
文本编辑器的特点 qì de
-
- 起動はやい
-
- 動作も軽い
- 標準で出来ることが少ない(裏を返せば、自分好みにカスタマイズできる)
详细来说
-
- Visual Studio Code
-
- Atom
-
- Vim
- Emacs
等等等等。
这个问题) 关于WebStorm
WebStorm是一个用于编写JavaScript及其相关技术的集成开发环境。与IntelliJ IDEA和其他JetBrains IDE类似,WebStorm可以提升开发体验,自动化日常工作,并简化复杂任务的处理。
有关此事。 参考)WebStorm
简要说明
开发 is, JetBrains
费用 is a 公司 with an annual fee of 14,900 RMB (first year. 20% off for the second year, 40% off for the third year)
购买WebStorm
与VSCode不同,它不是免费的。但是,据说可以免费使用30天,所以我试着用了一下。
与VSCode相比,选择三个方面的有用功能。
①搜索变量和函数的使用位置
在VSCode中,我认为可以使用Ctrl + f进行字符串搜索,而在WebStorm中,由于有代码分析功能,它可以将相同的字符串视为不同的内容,并显示其使用位置。
可以进行TODO管理
// TODO : ~~~~~
通过编写这个,可以在IDE内的TODO面板中进行管理。

尽管我在VSCode中使用注释写下了需要做的事情,
我只记得写了些什么,但却不记得写在了哪里,
这导致我浪费了很多时间去寻找最近更新过的文件。。
如果有这个功能,不仅可以按文件进行管理,还可以按项目进行TODO管理,听起来非常方便。
③ 数据库管理功能
可以查询、创建和管理数据库。
这是我个人最受欢迎的功能。
(在VSCode中安装插件,可能也能实现类似的功能…)
就具体而言
-
- MySQL
-
- PostgreSQL
-
- Microsoft SQL Server
-
- SQLite
-
- MariaDB
-
- Oracle
- Apache Cassandra
有各种支持可以提供。
首先,连接到数据源。
我打算这次尝试连接MySQL。

立即,尝试使用查询控制台。
查询控制台是什么。
这是一个可以创建和执行 SQL 语句的 SQL 文件。与临时文件不同,控制台会连接到数据源。您可以像使用终端一样使用查询控制台,只需输入并运行代码即可。
可以使用查询控制台来编写和执行任何SELECT、INSERT等命令。
-
- テーブルやカラムの補完が効く
- フォーマットしてくれる
不仅仅是,
-
- テーブルにカーソルを当てると、カラムの情報が表示されて、テーブルプレビューもできる
テーブルプレビューでは、テーブルに入っている最初の10行を表示できる
SELECT文で抽出したデータを、WebStorm上でcsvやtsv形式でローカルエクスポートできる
有许多很方便的功能。
不需要费心去使用mysql命令,只需在WebStorm上连接到数据源,就能做很多事情,这不是很方便吗?
粗略的感想和总结。
-
- WebStormは、VSCodeと比べると起動がめちゃめちゃ遅い。
が、一度開いちゃえば気にならない感じ。
DB関連の機能がめっちゃ便利そう
そして、THE日本人の私からすると、ドキュメントが日本語であるのは超絶ありがたい。
WebStormの使い方
就是这个感觉。
虽然也想继续使用下去,但是会花钱呢…
并没有不满意VSCode,所以似乎还是会继续使用VSCode…笑
如果您对任何事情有任何疑问或者需要,请务必留言!