美文网首页
1 . react 环境

1 . react 环境

作者: 自由L | 来源:发表于2019-03-19 16:34 被阅读0次

    直接使用REACT 的CDN 支持:

    开发环境引用如下:

    <script crossoriginsrc="https://unpkg.com/react@16/umd/react.development.js"></script>

    <script crossoriginsrc="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

    生产环境引用如下:

    <script crossoriginsrc="https://unpkg.com/react@16/umd/react.production.min.js"></script>

    <script crossoriginsrc="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>


    项目中使用npm安装:

    1、react环境搭建前提:

    (1)window 电脑 window + r    输入 cmd 调出黑屏终端 

    (2)保证电脑已经有 node 、npm 或cnpm     可用  node -v 检测安装的node版本 

    2、react环境搭建步骤

    (1) 安装依赖

       cnpm  install  -g  create-react-app

       MAC安装失败报错:checkPermissions Missing write access to /usr/local/lib/node_modules

       解决:sudo cnpm install -g create-react-app

        mac会让你输入密码,键盘直接输入就可以,黑屏终端不会显示密码

    (2)创建项目  (my-app是项目名,可自定义。你的文件夹里会出现一个名为my-app的文件)

       create-react-app    my-app      

    (3)进入到刚创建的项目

       cd  my-app

    (4)启动项目

      npm start

       浏览器会自动打开页面,出现下面这个页面就是环境搭建成功了~



    相关文章

      网友评论

          本文标题:1 . react 环境

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