React学习之路之创建项目

React 开发环境准备

IDE工具

visual studio code

开发环境

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

nodejs下载官网:https://nodejs.org/zh-cn/down...

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

React学习之路之创建项目_第1张图片

React学习之路之创建项目_第2张图片

React学习之路之创建项目_第3张图片

React学习之路之创建项目_第4张图片

安装create-react-app生成器

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

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

React学习之路之创建项目_第5张图片

创建React项目

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

React学习之路之创建项目_第6张图片

React学习之路之创建项目_第7张图片

运行项目

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

2、运行项目:npm start

React学习之路之创建项目_第8张图片

查看结果

React学习之路之创建项目_第9张图片

你可能感兴趣的:(react.js)