美文网首页
使用create-react-app开始一个react项目

使用create-react-app开始一个react项目

作者: lydia56 | 来源:发表于2018-01-16 15:31 被阅读0次

    1.简介

    开始一个react项目有很多种方式,如果你还在手动创建每一个组成文件,我推荐你使用官方推出的构建工具create-react-app,React Native参考create-react-native-app.

    使用的原因及特性:
    • 无需配置;
    • 集成了对 React, JSX, ES6 和 Flow 的支持;
    • 集成了开发服务器;
    • 配置好了浏览器热加载的功能;
    • 在 JavaScript 中可以直接 import CSS 和图片;
    • 自动处理 CSS 的兼容问题,无需添加 -webkit 前缀;
    • 集成好了编译命令,编译后直接发布成产品,并且还包含了 sourcemaps。

    2.安装create-react-app

    npm install -g create-react-app

    3.创建项目

    create-react-app myapp                 /* 使用命令创建应用,myapp为项目名称 */
    cd myapp                                        /* 进入目录,然后启动 */
    npm start
    

    4.注意事项

    • Node 的版本必须 >= 4,推荐 Node >= 6 and npm >= 3;
    • 运行起来后浏览器已经实现了热加载刷新,修改代码保存后浏览器会自动刷新;
    • 执行 npm test 或 yarn test 可以执行测试动作
    • 编译项目执行 npm run build 或 yarn build

    转自(http://www.imooc.com/article/17382

    相关文章

      网友评论

          本文标题:使用create-react-app开始一个react项目

          本文链接:https://www.haomeiwen.com/subject/hlisoxtx.html