如何开始一个react项目

本文介绍了如何在DOS环境下创建并初始化一个React项目。首先通过`npm init`生成`package.json`,接着安装`react`, `react-dom`, `babelify`及`babel-preset-react`、`babel-preset-es2015`。然后创建源代码目录,编写`index.js`和`index.html`。由于浏览器不支持未经webpack打包的JS,因此需要配置`webpack.config.js`,并安装`webpack`和`webpack-dev-server`。在处理各种版本冲突和错误后,最终成功运行显示'Hello World'。" 83377216,7746100,Vue项目单元测试实践:问题与解决方案,"['前端开发', 'Vue', '测试框架', 'Mocha', 'Sinon', 'Chai']
摘要由CSDN通过智能技术生成

1、新建目录——>在dos窗口进入到目录路径下,输入npm init   //进行初始化

初始化时packname和entry point(入口文件)需要输入值,其余的可以不输值

完成后1-1目录下会生成一个package.json的配置文件,里面即是包的初始化信息

  1. 安装必要的组件react-dom 和babelify

npm install --save react react-dom babelify babel-preset-react

再安装babel es2015

npm install babel-preset-es2015 --save

  1. 在项目根目录下新建一个目录,存放源代码,比如入口文件index.js——>在根目录下新建一个index.html(引入index.js)

【index.js】

var React=require('react');

var ReactDom=require('react

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值