1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > react脚手架 显示npm不知内部命令_第一章 React开发环境搭建

react脚手架 显示npm不知内部命令_第一章 React开发环境搭建

时间:2022-09-01 18:32:29

相关推荐

react脚手架 显示npm不知内部命令_第一章 React开发环境搭建

react16:用于构建用户界面的javascript库。

Facebook推出的开源框架,函数式编程风格。

一、安装Node.js

Node中文网址:/

Node.js安装好以后,如果是Windows系统,使用Win+R打开运行,然后输入cmd,打开终端(也叫命令行工具)。

输入代码:

node -v

如果正确出现版本号,说明Node安装成功了。

然后再输入代码:

npm -v

如果正确出现版本号,说明npm也是没问题的,这时候我们的Node.js安装就算完成了。

二、脚手架的安装

npm install -g create-react-app

create-react-app是React官方出的脚手架工具,其实有很多第三方的脚手架工具,也有很多优秀的。但是作为初学者为了减少踩坑,所以我们使用官方的脚手架。

三、创建第一个React项目

脚手架安装好以后,就可以创建项目了,我们在D盘创建一个ReactDemo文件夹,然后进入这个文件夹,创建新的React项目。

D: //进入D盘

mkdir ReactDemo //创建ReactDemo文件夹

create-react-app demo01 //用脚手架创建React项目

dir //查看文件信息

cd demo01 //等创建完成后,进入项目目录

dir

npm start //预览项目,如果能正常打开,说明项目创建成功

其实这些操作只需要再终端中输入就可以了。等到浏览器可以打开React网页,标后,说明我们的环境并正常显示图已经全部搭建完成了。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。