1 . react 环境

直接使用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

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



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。