美文网首页
【react学习笔记-1】创建react项目

【react学习笔记-1】创建react项目

作者: 你若像风 | 来源:发表于2019-08-21 16:30 被阅读0次

    通过 npm 使用 React

    使用淘宝定制的 cnpm 命令行工具代替默认的 npm:

    npm install -g cnpm --registry=https://registry.npm.taobao.org
    npm config set registry https://registry.npm.taobao.org
    

    使用

    npm config get registry
    或 npm info express
    

    来验证是否成功。

    使用 create-react-app 快速构建 React 开发环境

    create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。
    create-react-app 自动创建的项目是基于 Webpack + ES6 。
    执行以下命令创建项目:

    $ cnpm install -g create-react-app
    $ create-react-app my-app
    $ cd my-app/
    $ npm start
    

    在浏览器中打开 http://localhost:3000/ ,结果如下图所示:

    image.png

    执行 create-react-app my-app 的时候需要一些运气的,一次装不成功就多装几次。

    相关文章

      网友评论

          本文标题:【react学习笔记-1】创建react项目

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