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

Posted gumpyan

tags:

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

1.简介

技术图片

 

2.node 安装

http://nodejs.cn/download/

 下载安装,一路next就可以了

安装完成后检测

技术图片

 这样就代表node安装完成

3.安装react官方脚手架工具

npm instsall -g create-react-app

技术图片

用react脚手架创建一个项目目录

 技术图片

 创建完成后,开启服务器

cd demo01

npm start

技术图片

 浏览器自动打开这样的页面,代表创建成功

技术图片

4.安装vscode

https://code.visualstudio.com/

安装完成后,导入项目demo01

ctrl+~打开vscode终端

输入npm start,启动服务器

技术图片

同样会出现浏览器自动打开的界面

技术图片

 5.项目结构目录

index.js是项目的入口文件

技术图片

 

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

react实战第一步--搭建项目

react项目开发---小知识总结

webpack+babel+ES6+react环境搭建

webpack5项目搭建React-Cli(开发模式)

基于webpack的React项目搭建

Angular js 单页应用环境搭建