React零基础搭建项目

2019-02-15  本文已影响0人  晨曦诗雨

create-react-app是一个react工程脚手架,可快速构建一个react应用。内置webpack、babel、es6等特性,开发者无需关注配置,关注业务模块的开发即可
使用 create-react-app 快速构建 React 开发环境
create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。
create-react-app 自动创建的项目是基于 Webpack + ES6 。

1.打开cmd查看npm版本号


image.png

2.如果npm版本是5.2以上版本,在cmd中输入 npx create-react-app my-app,当前目录下创建一个名为my-app的工程,命令行窗口中将会显示依赖库的一些日志,看步骤4。


image.png

3.如果npm版本低于5.2,则全局安装create-react-app,cmd输入npm install -g create-react-app;create-react-app下载完成后,cmd中输入create-react-app my-app

如何快速搭建一个react项目

4.此时安装好的依赖


image.png

5.会生成一个文件


image.png
6.npm start 运行启动服务 image.png

7.启动成功后浏览器出现


image.png

以上则搭建成功react的项目,前提是电脑成功安装了node

上一篇下一篇

猜你喜欢

热点阅读