從零開始對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,就可以看到效果了
這個時候就算是完成了,這個時候我們就可以進行后續的操作了