React搭建本地开发环境

作者: 张中华 | 来源:发表于2019-06-05 12:28 被阅读15次
    第一步: 确保你安装了较新版本的 Node.js

    第二步:创建React App

    npx create-react-app my-app
    cd my-app
    npm start
    


    此处使用yarn代替npm。


    此时运行的界面貌似不是我们想要的。

    第三步:删除掉新项目中 src/ 文件夹下的所有文件。

    第四步: src/ 文件夹中创建一个名为 index.css 的文件,并拷贝这些 CSS 代码

    第五步: 在 src/ 文件夹下创建一个名为 index.js 的文件,并拷贝这些 JS 代码

    第六步: 拷贝以下三行代码到 src/ 文件夹下的 index.js 文件的顶部:

    import React from 'react';
    import ReactDOM from 'react-dom';
    import './index.css';
    

    第七步:启动

    yarn start


    相关文章

      网友评论

        本文标题:React搭建本地开发环境

        本文链接:https://www.haomeiwen.com/subject/kuofxctx.html