React.js开发环境搭建

React.js开发环境搭建

使用React.js ,我们有两种使用方式:

  • 引入.js文件来使用React(页面性能低、维护性差)
  • 通过脚手架工具来编码

围绕React.js产品的脚手架工具非常多,甚至有一些大公司会自己构建一套脚手架工具。

俺非常推荐大家使用React.js官方提供的脚手架工具:create-react-app

俺推荐使用create-react-app,出于以下几个方面的考虑:

  • 首先是官方提供的脚手架工具,因此健壮程度大家无需怀疑
  • 使用简单,可定制性强,调试代码非常方便

如果你没有特别精通Webpack,使用create-react-app是一个最佳的选择,可以减去很少不必要的麻烦。

安装

npm install -g create-react-app

如果你之前没有安装过npm,需要实现安装一下npm。

创建第一个项目

create-react-app todolist

安装完成后,会有提示信息告诉我们安装成功,这个时候我们就可以将安装完成后的项目运行起来:

cd todolist // 进入项目目录
npm start   //启动项目

输入上面的命令后,会为我们自动打开react的默认页,到此我们就安装成功了!

试一试写一个TodoList? React.js实现TodoList

想要了解更多create-react-app,可以查阅这篇文章

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/5192.html

发表评论

登录后才能评论