【react项目】从零搭建react项目[nodejs安装]

〇、模板git下载地址

下载即用的模板地址：
http:https://e.coding.net/uijiio/init_app/react_init_app.git
ssh:git@e.coding.net:uijiio/init_app/react_init_app.git
目前更新至:登录与主页跳转，主页包含菜单和容器区

一、搭建基础空白React项目

1.准备工作

（1）安装node（npm会在此过程自动安装）

a、node.js

查看是否安装npm命令：npm -v
更新npm命令：npm install npm
当前最高版本：
推荐使用的稳定版本：

• 下载地址：https://nodejs.org/zh-cn/download/
• 全程下一步即可，安装完成后到cmd运行npm -v和 node -v以验证是否安装成功，最后那个安装工具的勾选建议不勾选
• 配置全局模块路径和缓存cache路径
  因为默认安装在c盘，不方便管理。现将其更改至安装目录下：
  ①在安装目录下新建两个文件夹：
  
  

  image.png
  
  ②然后在cmd执行如下两个命令：
  npm config set prefix "D:\Program Files\nodejs\node_global"注意这里的D盘路径根据你的安装路径改变
  查看缓存目录是否成功更改的方法：输入命令npm config get cache
npm config set cache "D:\Program Files\nodejs\node_cache"注意这里的D盘路径根据你的安装路径改变
  查看全局安装目录是否修改成功的方法：环境变量也修改之后一起测试
• 配置环境变量
  ①“环境变量” -> “系统变量”：新建一个变量名为 “NODE_PATH”， 值为“D:\Program Files\nodejs\node_global\node_modules”
  ②“环境变量” -> “用户变量”：编辑用户变量里的Path，将相应npm的路径（“C:\Users\用户名\AppData\Roaming\npm”）改为：“D:\Program Files\nodejs\node_global”
• 测试：npm install webpack -g<