欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

React学习之路之创建项目

程序员文章站 2023-01-22 08:04:05
React 开发环境准备 IDE工具 visual studio code 开发环境 开发环境需要安装nodejs和npm,nodejs工具包含了npm。 nodejs下载官网:https://nodejs.org/zh-cn/download/。 测试开发环境是否准备完成:使用管理用身份打开命令行 ......

react 开发环境准备

ide工具

visual studio code

开发环境

开发环境需要安装nodejs和npm,nodejs工具包含了npm。

nodejs下载官网:。

测试开发环境是否准备完成:使用管理用身份打开命令行窗口,输入:node -v和npm -v。

React学习之路之创建项目

React学习之路之创建项目

React学习之路之创建项目

React学习之路之创建项目

安装create-react-app生成器

在命令行窗口输入:npm install -g create-react-app

图片是我本地已经安装过执行的更新。

React学习之路之创建项目

 

创建react项目

找一个文件夹存放react项目,执行创建react项目命令:create-react-app react-app ,create-react-app是创建命令,react-app是项目名称。

React学习之路之创建项目

React学习之路之创建项目

运行项目

1、转到项目目录:cd react-app

2、运行项目:npm start

React学习之路之创建项目

查看结果

React学习之路之创建项目