一、搭建环境所需安装包
1、JDK安装包
2、python安装包
3、node按照包
二、环境搭建过程
2.1、JDK安装
1.从Java官网下载JDK并安装。
2.安装成功可以用java -version查看版本信息
3. 配置环境变量
JAVA_HOME=C:\Program Files\Java\jdk1.7.0_45
Path+=%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
CLASSPATH+=%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
4.测试是否安装成功。输入java -version
如果现实java版本号,说明安装成功,如图:
2.2、python安装
1、 从官网下载并安装python 2.7.x;
2、配置环境变量;
3、运行python --version 输出正确的版本号,说明环境安装成功
2.3、 node安装
1、Node.js安装包及源码下载地址为:https://nodejs.org/en/download/。
2、配置环境变量
3、运行node -v 输出正确的版本号,说明环境安装成功
4、node安装完成后,npm也同时安装完成,运行 npm -v 输出正确的版本号,说明已经安装完成;
注意:
1>、 在卸载后重新安装node后, 运行 npm -v 一直无法输出版本号;应该删除安装目录下.npmrc 文件即可;
2>、npm由于网络原因,推荐使用阿里的npm源,输入npm config set registry https://registry.npm.taobao.org;
5、配置环境变量:
5.1、添加NODE_PATH 变量 例如:D:\nodejs\node global\node_modules
5.2、npm、node安装地址配置(安装包会自动写入环境变量中)
2.4 配置全局模块存放地址
1、npm是NodeJS的模块管理,我们可以自己配置npm的全局模块的存放路径以及cache的路径;
2、npm config set prefix "D:\nodejs\node global"
npm config set cache "D:\nodejs\node cache"
3、通过输入npm config get prefix来查看设置是否成功;
2.5 验证环境是否安装成功
搭建ant design框架;
1、npm install dva-cli -g
2、dva new test(项目名)
3、cd test(项目名)
4、npm start
至此一个最简单的ant-react框架搭建好了
https://localhost:8000能看到如下效果