suntaogit/react_daydayup

每天更新一点点

React_daydayup

2017/07/25

1.搭建koa框架

koa快速开始：https://github.com/ChenShenhai/koa2-note/blob/master/note/start/quick.md
--npm init 初始化package.json
--npm install koa --save 安装koa2
--本示例node的版本必须在7.6以上(async/await)，当前node版本为8.1.2，如果报错listen EADDRINUSE :::3000，修改端口号即可

基本实现这个功能：https://github.com/douglasvegas/fanpianAdmin

#2.安装mysql模块
--npm install mysql --save
--node mysql 查看demo

#3.前端文件夹是WebClient
--npm install react redux react-redux react-router --save 安装react全家桶
--npm install webpack --save 打包工具
--npm install antd --save 蚂蚁金服前端组件
--因为有浏览器不支持ES6语法，一定要用到babel转换器,
--- 第一步 .babelrc是Babel的配置文件，放在项目的根目录下，使用babel的第一步就是配置这个文件

    #ES2015转码规则  
    npm install --save-dev babel-preset-es2015  

    #react转码规则  
    npm install --save-dev babel-preset-react  

    #ES7不同阶段语法提案的转码规则（共4个阶段），选择装一个  
    npm install --save-dev babel-preset-stage-0  
    npm install --save-dev babel-preset-stage-1  
    npm install --save-dev babel-preset-stage-2  
    npm install --save-dev babel-preset-stage-3  

    {    
      "presets": [  
          "es2015",  
          "react",  
          "stage-2"  
      ],   //presets字段设定转码规则
      "plugins": []  
    }   
--- 第二步，

webpack 参考这篇文章 https://github.com/ruanyf/webpack-demos#demo01-entry-file-source

卡在webpack上 http://www.cnblogs.com/-walker/p/6056529.html

2017/07/28
#4.package.json 添加script
"script":{
"start": "webpack-dev-server --hot --inline --colors --content-base ./build",
"build": "webpack --progress --colors"
}

npm install --save-dev webpack-dev-server - webpack官网出的一个小型express服务器，主要特性是支持热加载.  

http://www.jianshu.com/p/324fd1c124ad 从零开始搭建一个react项目  !!!!!!  

jsx-loader --需要安装，不然读不懂jsx