zoukankan      html  css  js  c++  java
  • Create-React-App脚手架使用方法

    Facebook 官方推出Create-React-App脚手架,基本可以零配置搭建基于webpack的React开发环境,内置了热更新等功能。

    由于create-react-app命令预先安装和配置了webpack和babel,同时也初始化了npm(可以通过npm init来初始化,初始化完会有一个package.json文件,专门来说明你的项目的一些基本信息和可以设置npm自定义命令),所以有几个自定义npm命令:

    一、如何安装
    1、首先确保已经安装 node.js,可以到node.js官网 https://nodejs.org/en/ 下载安装包,下载好后傻瓜式一步安装到位。
    2、按照如下步骤进行安装,推荐使用gitBush命令行工具

    (1)npm install -g create-react-app      全局安装

    (2)create-react-app reactproject       新建并对react项目进行命名(注:项目名称不能有大写)

    (3)cd reactproject                             通过命令进入文件夹内部,准备运行项目

    (4)npm start                                     运行项目

    3、通过以上命令就可以快速构建一个react项目,此时在地址栏中输入  http://localhost:3000/ 就能看到我们的项目了

    此时看到的项目结构如下

    4、可以看到项目中,没有webpack的相关配置,因为create-react-app脚手架已经帮我们封装好了。但如果要对webpack进行设置,可以使用命令 npm run eject把webpack文件暴露出来,这个操作是不可逆的。

    此时我们的项目中就会有webpack的相关配置了


    ---------------------
    作者:飞歌Fly
    来源:CSDN
    原文:https://blog.csdn.net/qq_35430000/article/details/79800461
    版权声明:本文为博主原创文章,转载请附上博文链接!

  • 相关阅读:
    Linux 提权-依赖 Exp 篇
    s-cms学校建站重装漏洞
    极致CMS建站系统后台GETSHELL
    泛微weaver_oa filebrowser.jsp 任意目录遍历
    泛微oa系统com.eweaver.base.DataAction文件sql参数sql注入
    Supervisord rce(CVE-2017-11610)
    docker安装
    互联网测试开发面试题集锦【转】
    测试面试常见面试题汇总一
    Python操作MongoDB文档数据库
  • 原文地址:https://www.cnblogs.com/xiaozhumaopao/p/10540866.html
Copyright © 2011-2022 走看看