zoukankan      html  css  js  c++  java
  • 创建第一个react项目

    前提:已安装部署好nodejs环境

    查看nodejs是否安装以及版本

    1,win+r输入cmd打开命令行页面

    2,路径换到nodejs目录

    3,输入node -v查看版本

    创建项目

    1,win+r输入cmd打开命令行页面

    2,路径换到工作空间目录下

     

    3,输入创建命令,等待创建完成

    4,创建成功

    5,跳转到新建的项目路径下,并启动项目

    6,项目启动成功后会自动打开浏览器页面,默认端口3000

     7,项目目录结构

    8,修改默认端口

    修改package.json中的内容

    "scripts": {
        "start": "react-scripts start",
      },
    修改为
    "scripts": {
        "start": "set PORT=9000 && react-scripts start",
      },

    9,编辑工具使用的Visual Studio Code

    在此工具中启动项目

    ctrl+数字1左边的按键,出现以下页面,然后输入npm start

    启动成功后依然自动打开浏览器

    另有命令:npm stop / npm restart

  • 相关阅读:
    班课2
    班课2
    班课1
    lecture 2
    lecture 1
    使用node的fs读取文件
    使用Node.js搭建一个本地服务器
    Node.js前言
    简述ES6其他的东西
    ES6异步操作Thunk、co和async
  • 原文地址:https://www.cnblogs.com/cailijuan/p/11014796.html
Copyright © 2011-2022 走看看