zoukankan      html  css  js  c++  java
  • React学习及实例开发(一)——开始(转载)

    https://www.cnblogs.com/MaiJiangDou/p/9245063.html#4136668 转载

    一、构建一个新项目

      1、命令行运行如下命令,构建一个新的react项目

    npm install -g create-react-app
    create-react-app my-app

    2、运行项目,效果如下图

    cd my-app
    npm start

    二、项目目录

      如下图,是新构建项目的目录:

    1、node_modules

      用于存放项目的依赖包

    2、public

      • index.html 项目的入口文件
      • manifest.json 当web页面被用于Android主页面使用时的配置文件

      3、src

      • 开发中的主要区域,页面都写在这里
      • 在这里App.js是一个组件,index.js将它渲染到页面中

      4、package.json

    包含项目信息、项目依赖模块、npm运行脚本的命令缩写等

    三、其他

    暴露配置项

    用create-react-app创建的项目中,为了避免一开始就费太多精力配置技术栈,webpack等配置都是封装好的,如果需要修改,可以用如下命令将配置项“弹射”到应用的顶层(eject命令不可逆)。

    npm run eject

    如下图,目录中多出了config和scripts两个文件夹,同时package.json文件中的scripts部分也发生了相应的变化。

     

     

  • 相关阅读:
    Mootools中的Class应用
    预初始化对象(OnPreInit)
    新博客开张
    ASP.NET获取客户端相关信息
    UpdatePannel中JS不执行问题
    KU990 JVAVA修改全屏
    textbox 增加click事件
    JS引用顺序的问题
    传统三层架构
    ORCALE 相关操作
  • 原文地址:https://www.cnblogs.com/snowhite/p/10083240.html
Copyright © 2011-2022 走看看