React 源码学习

React 源码学习,第1张

1. 准备工作
// 安装create-react-app
npm install -g create-react-app
// 移除
npm uninstall -g create-react-app   或者   yarn global remove create-react-app
// 安装react项目
create-react-app my-app

// 安装parcel
// 初始化文件夹、安装parcel的命令、运行parcel
npm init -y、npm i -g parcel(也要安装npm i -g parcel-bundler)、parcel index.html

// 安装babel插件,将jsx语法转换成js对象(虚拟DOM)
npm i babel-core babel-preset-env babel-plugin-transform-react-jsx --save-dev

// 安装完成后,创建.babelrc
{
    "preset": ["env"],
    "plugins": [
        ["transform-react-jsx", {
            "prama": "React.createElement"
        }]
    ]
}

// 最后在当前package.json内添加scripts以方便启动项目
"scripts": {
    "start": "parcel index.html"
}




欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1298011.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-10
下一篇 2022-06-10

发表评论

登录后才能评论

评论列表(0条)

保存