美文网首页
webatorm搭建reactApp项目

webatorm搭建reactApp项目

作者: 她与星河皆遗憾 | 来源:发表于2022-06-09 10:42 被阅读0次

    react安装node.js有可能出现的问题

    在想要使用react.js之前,电脑上需要安装好node.js。
    我之前写的vue项目太长时间没有升级node,node.js版本过低创建react项目失败(reactApp需要node.js14之上的版本)

    node.js版本过低
    Node官方下载页面:
    windows的系统直接下载这个就可以,下载完直接默认安装,也就替换掉了之前的老的
    Node官方下载页面
    node.js升级成功
    node -v

    注意:node.js升级之后之前的vue项目中的package.json文件会有版本冲突的问题,尤其是node-sass,与之相关的也需要升级

    react 和 react native的区别是什么

    (1)、react是驱动html dom渲染; react native是驱动android/ios原生组件渲染。
    (2)、写react可以用前端知识直接上手,而react native虽然也可以,但是深入下去没有native知识支持很难。
    (3)、最简单的理解就是react是写web和H5的,react native是写android/ios的

    创建react项目

    1、然后在命令窗口输入以下命令来下载create-react-app脚手架工具包:

    npm install -g create-react-app

    npm install -g create-react-app

    2、安装成功后打开软件界面,选择新建一个项目,我这里新建的项目工程名为app-demo:


    app-demo

    3、正在创建中...


    创建中

    4、项目创建完成


    项目创建完成
    5、等待项目创建完毕后,我们需要在Terminal窗口输入:npm start
    npm start

    启动成功


    image.png

    相关文章

      网友评论

          本文标题:webatorm搭建reactApp项目

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