美文网首页React
React环境搭建

React环境搭建

作者: 泡杯感冒灵 | 来源:发表于2022-01-26 13:59 被阅读0次

    使用react的两种方式

    • 通过script标签引入.js文件
    • 通过脚手架工具来编码

    所谓脚手架,可以理解为前端开发过程中的辅助工具,它会自动帮我们构建一个大型项目开发流程和目录。它允许我们以一定的方式去实现js文件的相互引用,让我们更方便的对项目进行管理。
    不过,在脚手架写的代码,并不能在浏览器上直接运行,需要脚手架帮我们做代码编译,编译出来的代码才可以被浏览器识别运行。
    我们一般使用GRUNT、webpack、Gulp这样的工具帮我们编写脚手架。

    围绕reactjs产生的脚手架工具非常多,甚至有的公司内部会有自己定制的脚手架工具,初学react的时候,推荐用官方提交的脚手架工具 Create-react-app
    脚手架工具 create-react-app的安装
    • 输入命令 npm install -g create-react-app 安装脚手架工具
    • 运行 create-react-app myapp命令创建项目
    项目创建好后,就cd进项目目录,然后运行 npm run start启动项目

    相关文章

      网友评论

        本文标题:React环境搭建

        本文链接:https://www.haomeiwen.com/subject/rocnhrtx.html