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,就可以看到效果了

 

 這個時候就算是完成了,這個時候我們就可以進行后續的操作了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM