直接使用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
浏览器会自动打开页面,出现下面这个页面就是环境搭建成功了~
网友评论