Ant desgin 基础环境搭建

一、搭建环境所需安装包

          1、JDK安装包下载地址：http://www.oracle.com/technetwork/java/javase/downloads/java-archive-downloads-javase7-521261.html

          2、python安装包下载地址：https://www.python.org/getit/

          3、node按照包下载地址：https://nodejs.org/en/download/

二、环境搭建过程

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框架搭建好了
          http://localhost:8000能看到如下效果