脚本宝典收集整理的这篇文章主要介绍了React入门之脚手架搭建项目,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
前言
写此系列博客的目的是对所学React知识点的总结和梳理,包括填坑方案分享,希望能帮助到还并不会使用React的开发者入门React
React官方文档
React中文文档
React社区
项目搭建
按照官方提供的create-react-app
搭建项目
-
全局安装create-react-app
cnpm i create-react-app -g
或
cnpm i yarn -g
yarn global add create-react-app
-
全局安装后可以使用create-react-app
这条命令
创建名为react-demo
的项目
create-react-app react-demo
-
启动项目
cd react-demo
npm start
或
yarn start
如果node 6+ 并且 npm 5.2+,可以使用npx安装
npx create-react-app react-demo
或
yarn create react-app react-demo
(yarn 0.25+)
cd react-demo
npm start
目录结构
public/index.htML
页面入口文件,
src/App.js
根组件,
src/App.css
根组件样式文件,
src/index.js
程序入口文件,
src/index.css
页面样式文件,
App.test.js
和serviceWorker.js
暂时不会使用,可以删除
运行项目
yarn start
项目运行成功
下篇文章
React组件
以上是脚本宝典为你收集整理的React入门之脚手架搭建项目全部内容,希望文章能够帮你解决React入门之脚手架搭建项目所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。