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部分也发生了相应的变化。

     

     

  • 相关阅读:
    全文本搜索神器
    唯一索引和普通索引怎么选择
    程序员应不应该搞全栈
    c 的陷阱
    抽象能力
    电影电视剧推荐
    系统故障诊断
    一次web网站被入侵的处理记录
    Spark RDD 操作
    (转)Mysql哪些字段适合建立索引
  • 原文地址:https://www.cnblogs.com/snowhite/p/10083240.html
Copyright © 2011-2022 走看看