彩世界平台-彩世界时时app-彩世界开奖app苹果下载

热门关键词: 彩世界平台,彩世界时时app,彩世界开奖app苹果下载

您的位置:彩世界平台 > 彩世界平台 > 使用create-react-app开始一个react项目

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

发布时间:2019-10-05 11:25编辑:彩世界平台浏览(114)

    转自Kindem的博客

    1.简介

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

    create-react-app是一个js库,使用它能够很方便地建立react项目,免去了建立react项目时配置webpack、调试服务器、运行脚本等麻烦,你只需要使用这个库,便可以一键完成react项目的创建

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

    先在cmd下使用npm指令来全局安装create-react-app

    2.安装create-react-app

    npm install -g create-react-app

    npm install -g create-react-app
    

    3.创建项目

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

    接着在你要创建项目文件夹的位置使用create-react-app来创建项目文件夹

    4.注意事项

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

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

    // project-name替换成你的项目名create-react-app project-name
    

    本文由彩世界平台发布于彩世界平台,转载请注明出处:使用create-react-app开始一个react项目

    关键词:

上一篇:java设计模式之——代理模式

下一篇:没有了