博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react基于nodejs简单的搭建与开发方法
阅读量:5238 次
发布时间:2019-06-14

本文共 837 字,大约阅读时间需要 2 分钟。

只需安装babel命令,即可将react的jsx写法转换成浏览器认识的js写法

1.安装nodejs(百度下载安装即可,自带npm)

2.cmd打开命令行,cd进入在自己的文件夹下

  执行命令:

npm install --global babel-cli
npm install babel-preset-react

若本机npm无法安装完成,可以使用cnpm:如文:

 

3.执行完成后,将jsx写法的react文件进行转换(此处已helloworld.js为例)

ReactDOM.render(    

Hello, world!

, document.getElementById('example'));

  在该文件的目录下执行命令:

babel --presets react helloworld.js --watch --out-dir helloworld

  转换后的js文件将会生成在helloworld文件夹中。打开后是这样的:

ReactDOM.render(React.createElement(    'h1',    null,    'Hello, world!'), document.getElementById('example'));

 

4.react jsx写法(babel转换前):

            
Hello React!

5.react js写法(babel转换后)

            
Hello React!

 

转载于:https://www.cnblogs.com/wuhairui/p/6763225.html

你可能感兴趣的文章
函数执行时间查看效率
查看>>
Vue Cli3 TypeScript 搭建工程
查看>>
第四次作业1
查看>>
2.17 数组循环移位
查看>>
java 序列化和反序列化的实现原理
查看>>
动态规划:HDU1059-Dividing(多重背包问题的二进制优化)
查看>>
pl/sql学习(4): 包package
查看>>
图像对比度和亮度
查看>>
Http Header
查看>>
DataTable转换成IList
查看>>
数据结构(三十六)关键路径
查看>>
以太坊合约的自动化编译详解一
查看>>
末学者笔记--apache编译安装及LAMP架构上线
查看>>
Html列表标签
查看>>
Java8新特性。
查看>>
ajax请求aspx
查看>>
RabbitMQ-2
查看>>
PAT——1035. 插入与归并
查看>>
JS 在元素后面添加新的元素
查看>>
One Night Ultimate Werewolf Daybreak
查看>>