加载中…

加载中...

react之环境搭建

转载 2017-03-03 10:27:53

一.   直接引入的方式;

<</span>scriptsrc="https://cdn.bootcss.com/react/15.4.2/react.min.js"></</span>script><</span>scriptsrc="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></</span>script><</span>scriptsrc="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></</span>script>

以上引入的三个文件;

1. react的核心库;

2.react的dom操作库;

3.jsx语法的转换工具,也可以转换es6语法为es5的语法;

react正常的模板

(以上为cdn的引入方式,注意模板中的最后一个script标签的type值为text/babel,这里边书写的是jsx语法);​

二.  ​使用 create-react-app 快速构建 React 开发环境;

1.  先全局安装create-react-app工具,执行命令:

cnpm install -g create-react-app

2.创建一个react项目;执行命令:

create-react-app myReact​

myReact为自己的项目名;

3.进入项目根目录,执行命令:

cd myReact

4.启动项目; 执行命令:

cnpm start

最后在浏览器中输入  localhost:3000   出现以下界面

react 启动界面


*****​注意,create-react-app命令如果很慢的话,可能你依然用的npm这个工具,解决办法如下;

npm config set registry https://registry.npm.taobao.org​  (设置默认使用cnpm)

npm config get registry​   (验证是否使用cnpm);


阅读(0) 评论(0) 收藏(0) 转载(0) 举报/Report

评论

重要提示:警惕虚假中奖信息
0条评论展开
相关阅读
加载中,请稍后
  • 博客等级:
  • 博客积分:0
  • 博客访问:2,030
  • 关注人气:0
  • 荣誉徽章:

相关博文

推荐博文

新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

新浪公司 版权所有