美文网首页
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