Ant Design pro of Vue从零开始（1）

从零开始对Ant Design pro of Vue的使用教程

使用软件

我们要用到的软件是Visual Studio Code

准备工作

我们的本地环境需要用到node以及git

我们先安装node

下载地址：https://nodejs.org/en/download/

打开以后会出现下面这些

 

 这时候就需要根据自己本身情况去选择要用到的node

我使用的是

 

 傻瓜式的下载，点击一下就可以了，可能是我之前下过的原因，我需要手动的去打开

 

 一直next就可以了，中间有要安装的路径，如果需要可以更改一下路径

如果出现下面这个页面以后就证明已经安装完成了

 

 我们下面进行git的安装

安装地址https://git-scm.com/downloads

打开以后我们可以看到下面的这个页面

 

然后点击

 

 这一个的下载可能会有一点慢需要耐心等待一下

 下载完打开就是下面这个页面

 

 

 

直接点击next

 

 

 

 黄色的框里面不要动

上面的红色框里面是是否添加桌面快捷，下面的红色框里面是决定在所有控制台窗口中使用TrueType字体和是否每天检查Git是否有Windows更新的，这些可以根据个人需求来添加

如果不需要的话  直接点击next

后面全部点击next就可以了，基本上也用不到其他的，当你出现这个页面的时候，证明你已经成功安装了

 

 下面开始拉取项目代码

打开cmd,打开到你要将项目放到的位置

 

因为我的是放在E盘里面的，所以我要先打开到E盘

 

 一直cd 到我们的目标文件夹。下面就要开始拉取项目了

在里面打上这串代码：git clone https://github.com/vueComponent/ant-design-vue-pro.git

（不要着急关上它）

 

 

 

 下面要开始安装依赖，我们在继续cd到这个文件夹里。然后进行以来的安装

再输入 ：yarn install

下面可以看到我们安装版本，我的这个版本就是V1.22.17

 

 等待它安装完成以后基本上可以说已经完成了

我们再输入yarn run serve 等待他彻底加载完后，我们就可以看到这么一个画面

 

 我们在浏览器地址栏里面输入http://localhost:8000，就可以看到效果了

 

 这个时候就算是完成了，这个时候我们就可以进行后续的操作了