React
js文档Node.jsVue.jsReactjQueryES2015(es6)angularjscss3动画vbs最新电影flutter微信小程序C教程java教程C++教程C#教程php教程sql教程mysql教程android教程ios教程python教程正则表达式

webstorm+create-react-app搭建react.js运行环境 上篇

发布时间：2019-08-05 发布网站：脚本宝典
脚本宝典收集整理的这篇文章主要介绍了webstorm+create-react-app搭建react.js运行环境 上篇，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
React.js 单独使用基本上是不可能的事情。不要指望着类似于 jQuery 下载放到 <head /> 标签就开始使用。使用 React.js 不管在开发阶段生产阶段都需要一堆工具和库辅助，编译阶段你需要借助 Babel；需要 redux 等第三方的@R_777_1963@工具来组织代码；如果你要写单页面应用那么你需要 React-router。这就是所谓的“React.js全家桶”。
但faceBook开发开发出了一个打包运行环境插件的脚手架create-react-app 工具。它可以帮助我们一键生成所需要的工程目录，并帮我们做好各种配置和依赖，也帮我们隐藏了这些配置的细节。也就是所谓的“开箱即用”。

1.安装前提条件 node.js和npm环境搭建

在上一篇文章我们讲过node.js和npm环境搭建如果还没装好的同学可以去查看我的上一篇文章
这里我就直接进行create-react-app的安装

2.你可能会遇到下载速度过慢而失败的情况

npm 下载的时候是从国外的源下载的缘故。所以可以把 npm 的源改成国内的 taobao 的源，这样会加速下载过程。在执行上面的命令之前可以先修改一下 npm 的源：

npm config set registry https://registry.npm.taobao.org

3.配置好上面的环境后就可以进行安装了

npm install -g create-react-app

4.安装好以后就可以直接使用它来构建一个 react 的前端工程：

create-react-app app1

5.等插件加载完毕后你会看到下面的界面

webstorm+create-react-app搭建react.js运行环境 上篇


webstorm+create-react-app搭建react.js运行环境 上篇

6.按照最后的的提示你可以做以下的操作，

我们就可以启动工程了，进入工程目录然后通过 npm 启动工程：

cd app1
npm start

webstorm+create-react-app搭建react.js运行环境 上篇

7.顺利的话会自动弹出如下页面，没有弹出你也可以手动访问

webstorm+create-react-app搭建react.js运行环境 上篇

脚本宝典总结

以上是脚本宝典为你收集整理的webstorm+create-react-app搭建react.js运行环境 上篇全部内容，希望文章能够帮你解决webstorm+create-react-app搭建react.js运行环境 上篇所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：divjQueryjQuerynodepost-format-galleryReact
猜你在找的React相关文章
其他相关热搜词更多
phpjavapython程序员loadpost-format-gallerydivString参数开发ListcapMapClass工具安装SQL数据库资源this
全站导航更多
html5HTML/XhtmlCSSXML/XSLTDreamweaver教程Frontpage教程心得技巧JavaScriptASP.NETPHP编程正则表达式AJAX相关ASP编程JSP编程编程10000问CSS/HTMLFlexvbsDOS/BAThtahtcpythonperl游戏相关VBA远程脚本ColdFusionMsSqlMysqlmariadboracleDB2mssql2008mssql2005SQLitePostgreSQLMongoDB星外虚拟主机华众虚拟主机Linuxwin服务器FTP服务器DNS服务器Tomcatnginxzabbix云和虚拟化bios系统安装系统系统进程Windows系列LINUXRedHat/CentosUbuntu/DebianFedoraSolaris红旗Linux建站经验微信营销网站优化网站策划网络赚钱网络创业站长故事alexa域名photoshop教程摄影教程Fireworks教程CorelDraw教程Illustrator教程Painter教程Freehand教程IndesignSketch笔记本主板内存CPU存储显卡显示器光存储鼠标键盘平板电脑安全教程杀毒防毒安全设置病毒查杀脚本攻防入侵防御工具使用业界动态Exploit漏洞分析
最新React教程
热门React教程