搭建React项目环境

Posted yhm9

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了搭建React项目环境相关的知识,希望对你有一定的参考价值。

1、安装NodeJS6.0以上自带npm依赖包管理工具

2、webstrom 2019.2 工具

1、在cmd输入node -v就可以看到node的当前版本

技术图片

 

 2、在输入node进入node环境

技术图片

 

 3、查看npm版本号:npm -v

技术图片

 

 4、再次输入npm可以看到下面有哪些包

技术图片

5、下一个全局安装react -app :install create-react-app yarn -g

技术图片

 

6、 下面在webstrom工具中创建React项目引用React所需要的依赖

技术图片

 

 7、项目构架:

技术图片

 

 启动项目进行访问:npm run status

技术图片

 在设置中下载这些可以提供自动提示的功能

技术图片

 

 若react语法不支持

技术图片

 

以上是关于搭建React项目环境的主要内容,如果未能解决你的问题,请参考以下文章

搭建react项目的环境

搭建React项目环境

[React 实战系列] 项目的搭建与配置

react+es6+webpack环境搭建以及项目入门

React-native 环境配置过程与搭建项目问题汇总

React简介,开发环境搭建,项目结构目录