码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-06-29 09:57:20      阅读:51      评论:0      收藏:0      [点我收藏+]

标签:width   ima   nbsp   img   vscode   浏览器   https   next   alt   

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简介,开发环境搭建,项目结构目录

标签:width   ima   nbsp   img   vscode   浏览器   https   next   alt   

原文地址:https://www.cnblogs.com/GumpYan/p/13205928.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!