您现在的位置:首页 >> 前端 >> 内容

Antdesgin基础环境搭建教程

时间:2017/11/29 14:00:41 点击:

  核心提示:一、搭建环境所需安装包1、JDK安装包2、python安装包3、node按照包二、环境搭建过程2.1、JDK安装1.从Java官网下载JDK并安装。2.安装成功可以用java -version查看版本...

一、搭建环境所需安装包

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版本号,说明安装成功,如图:

Antdesgin基础环境搭建教程

2.2、python安装

1、 从官网下载并安装python 2.7.x;

2、配置环境变量;

3、运行python --version 输出正确的版本号,说明环境安装成功

Antdesgin基础环境搭建教程

2.3、 node安装

1、Node.js安装包及源码下载地址为:https://nodejs.org/en/download/。

2、配置环境变量

3、运行node -v 输出正确的版本号,说明环境安装成功

Antdesgin基础环境搭建教程

4、node安装完成后,npm也同时安装完成,运行 npm -v 输出正确的版本号,说明已经安装完成;

Antdesgin基础环境搭建教程

注意:

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

Antdesgin基础环境搭建教程

至此一个最简单的ant-react框架搭建好了

https://localhost:8000能看到如下效果

Antdesgin基础环境搭建教程

Tags:AN NT TD DE 
作者:网络 来源:no1mwb的专栏