webstorm断点调试React
1、http：//blog.csdn.net/itpinpai/article/details/50809068 这个是环境搭建和运行教程，主要就是装nodejs和对应的react-native-cli包、python7。
2、React-Native是js编译原生运行在android和ios上，html是通过webview来展示，所以需要下载webview的API 在react-native 里通常实现布局界面展示的叫“组件”，而实现一些功能的叫“API”。
3、首先要安装WebStrom以及在Chrome浏览器里配置好Live Edit插件。 运行WebStrom，创建一个web project。
4、从零开始搭建一个react项目前提条件：已安装过webstorm和nodejs。
5、首先下载两个JavaScript Libraries：在WebStorm中打开File–Setting–Languages & Frameworks–JavaScript–Libraries，点击右边的Download按钮，选择TypeScript community stubs，下载react和react-native。
6、概述：WebStorm是一款优秀的JavaScript 开发工具，被大多数的JS开发人员誉为最智能的JavaSscript IDE。对于使用的不用的操作系统对WebStorm更改一下设置，能够在更大的程度上提升效率。
WebStorm运行React
1、http：//blog.csdn.net/itpinpai/article/details/50809068 这个是环境搭建和运行教程，主要就是装nodejs和对应的react-native-cli包、python7。
2、把引入的script库browser换成JSXTransformer，然后把type类型改为：text/jsx ，最后再把JavaScript版本修改为JSX Harmony就ok了。
3、首先下载两个JavaScript Libraries：在WebStorm中打开File–Setting–Languages & Frameworks–JavaScript–Libraries，点击右边的Download按钮，选择TypeScript community stubs，下载react和react-native。
4、add react-native-svg，之后再次打开androidstudio更新gradle最后完美解决。由于也证明，如果再次遇到reactnative项目，需要androidstudio中打开遇到类似rn组件需要安装的，要在webstorm中晚装完成之后，在运行。
5、WebStorm 201是一款功能强大的Web前端开发神器，拥有现代JavaScript IDE开发环境，并完全适合通过Node.js进行复杂的客户端开发和服务器端开发。
如何利用webpack4搭建react项目框架
项目文件准备：执行npm init，然后创建如下图所示的文件。
start： webpack-dev-server --mode development --config build/webpack.dev.conf.js，}// 设置当前的mode为development，同样这个配置也可以写在webpack.dev.conf.js中。
npm install webpack webpack-cli --save-devwepback配置文件在项目根目录新建webpack.config.js文件，此文件为webpack运行核心文件。
本文将分享如何快速搭起基于webpack+vue的前端项目框架，利用vue的自己的脚手架工具vue-cli搭建起基本的环境配置，再通过npm包管理工具引入相应的依赖来完善项目的各种依赖框架。下面是具体实操。基本命令操作。
添加项目启动命令：修改package.json文件 给该文件的scripts里添加两个系统命令，一个是启动命令，一个是打包命令（制作组件包用的比较少）。
create-react-app创建react项目，并启动项目。项目打包。此时如果只是普通部署，不要求体验效果时，把build文件下的文件拷贝到静态服务器即可。接下来考虑如何静态文件CDN部署。
创建React文件
1、搭建react脚手架，新建react项目 完成后，等待，出现下图所示安装成功。
2、注册npm账号 地址： https：// 注意：注册完后，记得验证你的邮件地址！一定！否则会在提交组件包的时候报403错误，那是因为没有验证你的邮箱。
3、项目文件准备：执行npm init，然后创建如下图所示的文件。
4、使用webpack-dev-server启动本地服务，加入热更新便于开发调试。