搭建React开发环境

构建React应用
  • 构建React应用使用官网推荐的creat-reacr-app来构建一个react应用,也有其它的第三方的构建工具,但是官网的工具相对来说比较稳定可靠。
npm install create-react-app -g
  • 在命令行工具中使用以下命令来构建,注意必须使用cmd命令行工具且以管理员身份来运行,进入到指定目录构建。node版本高于8.10,npm版本高于5.60。
create-react-app my-app//创建react工程
cd my-app//打开目录
npm start//启动项目
  • 出现这个图项目就算是启动了


    image.png
目录结构
  • 项目目录有node_modulespublicsrc.gitignorepackage.jsonpackage-lock.jsonREADME.md
  • node_modules是存储依赖插件的文件夹
  • public是存储项目的入口文件index.html的文件夹
  • src存放的是这个项目的核心内容,也就是主要工作区域。其中,index.js文件是和index.html进行关联的文件的唯一入口,App.js是继承react提供的component
  • package.json管理下载的依赖包,记录每个依赖的版本号,设置启动打包的命令。
    image.png

    image.png
  • package-lock.json锁定安装依赖的版本号。
  • README.md项目说明文件(markdown语法文件)r
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容