React零基础搭建项目

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

4.此时安装好的依赖


image.png

5.会生成一个文件


image.png

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

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


image.png

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文参考:2018 年了,你还是只会 npm install 吗?npm 官方文档package.json文件 -...
    双面小Q阅读 4,870评论 1 9
  • 云门山玻璃桥 云门山位于韶关乳源,距离乳源县城6公里,海拔1215米,高峰直入云天,云雾...
    江南央阅读 1,274评论 8 14
  • 从自己角度出发考虑事情,即为个性化, 从与社会环境相适应角度考虑事情,即为社会化。如果过于个人化,则难以被社会氛围...
    w小郭阅读 1,344评论 0 0
  • Q2-1 读到诗,我只能说这是日常的我,那些观察后的评判常常就是日后作为我去判断或理解一个人的基础。很少去想到他后...
    shenhaiyln阅读 334评论 0 1
  • 1. 苏杉杉站在窗户前,眺望着远方,城市渐渐亮起,街上的马路早已经因为距离过高看不清,川流不息的人群,车辆在这25...
    5329251f43f5阅读 509评论 0 0