window下如何搭建react项目

1.Git安装和配置                                                                                        

• 前往git官网下载安装软件，地址：https://git-scm.com/。
• 点击下一步继续安装，安装完成。
• 在命令输入：git，查看Git是否安装成功。

2.安装NodeJs                                                                                                                                                            

• 前往nodejs官网下载安装软件，地址：https://nodejs.org/en/。
• 点击下一步继续安装，安装完成。
• 在命令输入：node -v和npm -v,分别查看nodejs和npm的版本，若显示版本信息，表示安装成功。

3.创建NodeJs全局目录                                                                                

• 随便在计算机哪个盘建一个全局目录，比如在E盘：E:\nodejs\node_global。
• 设置nodejs全局目录，所有以全局安装的包都被安装在这，打开nodejs命令行窗口Node.js command prompt。
• 使用命令行设置：

npm config set cache "E:\nodejs\node_cache"

npm config set prefix "E:\nodejs\node_global"                               

4.设置环境变量                                                                                            

• 用户变量：path 中把 C:\Users\Administrator\AppData\Roaming\npm;---改为----E:\nodejs\node_global
• 系统变量： 新增变量NODE_PATH----- E:\nodejs\node_global\node_modules
• 系统变量：path中在C:\Program Files\nodejs\ 新增 ;E:\nodejs\node_global\node_modules;

 5.配置淘宝镜像                                                                                           

• 前往淘宝镜像官网 http://npm.taobao.org/，可查看安装cnpm包的命令。
• 在命令行输入：npm install -g cnpm --registry=https://registry.npm.taobao.org
• 在命令行输入：cnpm-v  查看cnpm版本信息，如果能显示版本信息，表示安装成功。

5.配置脚手架                                                                                             

 在Git中输入命令：$  npm install antd-init -g（PS：网速慢的时候可以把npm改成cnpm）。

6.创建项目                                                                                                 

• 创建一个文件，文件夹的名称就是新建项目的名称。
• 进入文件，点击输入右键，选择Git Bash Here，进入Git面板。
• 在Git中输入命令：$ antd-init

7.开发调试                                                                                                

• 在Git中输入命令：$ npm start 启动项目。
• 在浏览器输入：http://localhost:8000/查看运行效果。

8.构建部署                                                                                                

• 在Git中输入命令：$ npm run build

参考文献

• https://ant.design/docs/react/getting-started-cn
• http://www.cnblogs.com/liangsongbai/p/5506073.html