reactjs入门环境搭建以及例子

1 下载node.js最新版本

2 安装tyarn 

    npm i yarn tyarn -g

3 安装umi

    tyarn global add umi

4 通过idea创建staticweb程序

    通过idea的终端运行 tyarn init -y

reactjs入门环境搭建以及例子_第1张图片

    reactjs入门环境搭建以及例子_第2张图片

    可以看到,相关的以来已经导入进来了

5 编写helloworld程序

    reactjs入门环境搭建以及例子_第3张图片

    reactjs入门环境搭建以及例子_第4张图片

    58c932c4cef16df6301a205d7abc4ad94e3.jpg

    reactjs入门环境搭建以及例子_第5张图片

    reactjs入门环境搭建以及例子_第6张图片

    **如果idea终端中umi命令不好用,可以在项目根目录下打开命令行执行umi dev

6 添加umi-react-plugin插件

    reactjs入门环境搭建以及例子_第7张图片

    接下来,在config.js中引入该插件

    

plugins: [
    ['umi-plugin-react',{
        //暂时不启用任何功能

    }]


]

7 构建和部署

    reactjs入门环境搭建以及例子_第8张图片

    reactjs入门环境搭建以及例子_第9张图片

 

    

转载于:https://my.oschina.net/u/3575212/blog/3099716

你可能感兴趣的:(reactjs入门环境搭建以及例子)