WebStorm的配置和运行项目

WebStorm激活 • 2025-03-17 12:30 • 阅读 75

大家好，我是考100分的小小码，祝大家学习进步，加薪顺利呀。今天说一说WebStorm的配置和运行项目,希望您对编程的造诣更进一步.

WebStorm的配置和运行项目

最近在学习react-native，所以决定使用WebStorm，以此文章来对WebStorm的下载，激活成功教程，配置和项目运行进行记录。

下载地址

https://www.jetbrains.com/webstorm/download/

激活成功教程

WebStorm可以免费使用三十天，之后需要购买。查阅资料找到了激活成功教程方法：

在打开弹框中选择“license server” 输入：http://idea.imsxm.com/

配置

1.背景和字体设置：

File->Setting

背景设置：

字体设置：

2.行号，换行，参考线：

3.设置.js文件中支持react-native语法高亮：

代码中会有一些警告，因为编辑器不知道这些代码的源在哪，所以需要配置。

点击Settings->Languages & Frameworks->JavaScript->Libraries，如下所示：

在弹框中点击Download,分别下载react和react-native。下载后界面如下所示：

配置完成。

更多配置请参考：

http://www.jianshu.com/p/10f5f0055715

运行项目步骤

使用WebStorm运行React-Native项目。

对于Windows:

在命令行输入：where react-native:

可以查找react-native的路径。

确定手机连接到电脑：

1.在命令行运行：adb devices

2.在命令行运行：adb reverse tcp:8081 tcp:8081

3.运行项目：

第一种方法：执行在命令行运行命令：react-native run-android

第二种方法：

先配置编译环境：以react-native start命令为例：

点击Edit Configurations:

配置完成之后，在界面上会出现start的快捷键：

故按照上述配置方法配置react-native run-android，直接点击快捷键运行按钮即可运行项目。

参考文档：

http://blog.csdn.net/gz_jero/article/details/

http://blog.csdn.net/it_talk/article/details/

https://github.com/guanpy/react-native-webstorm/blob/master/window_run.md