初入React,环境安装及第一个React应用程序

  1. 首先需要安装一下node.js,可以在官网下载,地址:https://nodejs.org/en/,此处安装的是windows版本的LTS,这个版本的是稳定版本的,大家可以根据自己的需要进行安装。
    这里写图片描述
  2. 安装之后直接在CMD命令窗里面输入:node -v 就会显示刚才安装的版本号。在安装node的时候会自动安装npm,但是我们都会选择国内的cnpm镜像,这里只需要执行以下命令便可:

    npm install -g cnpm --registry=https://registry.npm.taobao.org

    完成之后便可使用cnpm来进行操作了。

  3. 以上安装完成之后,下一步就开始创建第一个React了。首先React的官方网址:https://reactjs.org/ 在CMD中执行以下命令来创建:

    npx create-react-app my-react
    以上命令结束后cd my-react进入刚才创建的项目目录,再执行以下命令就会启动服务便自动跳转到浏览器进行浏览:

    npm run start
    这里写图片描述

到此,我们的简单的react就完成了,而它的默认端口是3000.

备注:
NPM 常用命令
NPM提供了很多命令,例如install和publish,使用npm help可查看所有命令。

  • 使用npm help 可查看某条命令的详细帮助,例如npm help install。
  • 在package.json所在目录下使用npm install . -g可先在本地安装当前命令行程序,可用于发布前的本地测试。
  • 使用npm update 可以把当前目录下node_modules子目录里边的对应模块更新至最新版本。
  • 使用npm update -g可以把全局安装的对应命令行程序更新至最新版。
  • 使用npm cache clear可以清空NPM本地缓存,用于对付使用相同版本号发布新版本代码的人。
  • 使用npm unpublish @可以撤销发布自己发布过的某个版本代码。

官网文档的参考地址:https://www.npmjs.com/package/doc

猜你喜欢

转载自blog.csdn.net/richangbiji/article/details/81783327