zoukankan      html  css  js  c++  java
  • react-project(一)

    1.新建项目

    create-react-app demo

    2.安装第三方库redux

    npm install redux --save

    3.eject弹出配置文件,可以自定义配置webpack

    npm run eject

    注:这个命令是不可逆的

    4.安装express

    npm install express --save

    5.安装nodemon,监听路由和响应内容,自动重启文件

    npm install -g nodemon

    6.安装mongodb

    windows:官网 下载 安装

    7.安装mongoose

    npm install mongoose --save

    8.安装antd-mobile

    npm install antd-mobile --save

    9.安装babel-plugin-import 按需加载

    npm install babel-plugin-import --save

    10.修改package.json

    "babel": {
        "presets": [
          "react-app"
        ],
        "plugins":[
          ["import",{"libraryName":"antd-mobile","style":"css"}]
        ]
      }
     11.安装redux库
    npm install redux --save
    12.安装redux-thunk 异步
    npm install redux-thunk --save
    13.安装react-redux
    npm install react-redux --save
    14.安装babel-plugin-transform-decorators-legacy 方便connect
    npm install babel-plugin-transform-decorators-legacy --save-dev
    15.修改package.json
    "babel": {
        "presets": [
          "react-app"
        ],
        "plugins": [
          [
            "transform-decorators-legacy "
          ]
        ]
      }
    16.安装react-router
    npm install react-router-dom --save
    17.安装axios
    npm install axios --save
    18.修改package.json
    添加
    "proxy":"http://localhost:9093"
     19.express依赖cookie-parser
    npm install cookie-parser --save
     
  • 相关阅读:
    set, bag, list, map的语义
    ExtJs 自定义Vtype验证
    详解.NET中的动态编译技术
    IL汇编语言介绍(译)
    C# 文件操作相关
    邮件系统
    关于Nhibernate中的多数据库支持
    .NET中 用C#操纵IIS
    ExtJS日期格式
    完全详解使用Resource实现多语言的支持
  • 原文地址:https://www.cnblogs.com/cdx0/p/react-project.html
Copyright © 2011-2022 走看看