加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

React Native的WebStorm基本设置

发布时间:2020-12-15 07:31:18 所属栏目:百科 来源:网络整理
导读:jsx语法设置 在没有进行设置的情况下,每次打开WebStorm的时候打开包含jsx语法的.js文件都会有以下提示: 当然我们点击转换后就可以了,但是每次都会提示,所以还是来一个一劳永逸的方法把它给去掉吧: 然后Apply/OK即可。 设置.js文件中支持react-native语

jsx语法设置

在没有进行设置的情况下,每次打开WebStorm的时候打开包含jsx语法的.js文件都会有以下提示:

当然我们点击转换后就可以了,但是每次都会提示,所以还是来一个一劳永逸的方法把它给去掉吧:

然后Apply/OK即可。

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

首先会发现在js文件中有不少的警告,类似这样:

这个警告的原因是因为编辑器不知道所引用的这些东西是在哪(不知道源在哪),所以需要告诉编辑器所写的东西是在哪个源里面:

在下图的download manager里面找到React和React-native下载安装,然后返回到上图的窗口,按照上图第五部分勾选刚才下载的两个library即可。

到此,错误信息就没有了,我们可以安心的写代码了:

npm基本配置

你们我们想直接在IDE中直接运行项目,就像Android或者ios可以直接点击图形化界面运行,可以吗?这就需要设置一下npm。

或者我们直接项目上右键打开项目的设置环境

选择我们要运行的设备



说明:

Name为该按钮的名字
Program为React Native的路径,终端命令:which react-native 一般都是 /usr/local/bin/react-native
Parameters填 run-iOS
working directory该输入框中,先点击右边的insert macro,选择ProjectFileDir.


然后我们发现项目右上角多了一个可以run的图标(其实是之前我们配置的npm命令)

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读