之前實習期間寫的踩過的坑,碼雲xdh-web

MayDo發表於2018-12-01

第一階段:下載安裝執行專案

前言:我是一個剛畢業沒有經過培訓的小白,進入公司第一件事就是學習公司目前在用的框架,那麼問題來了,怎麼知道公司框架都是用的哪些,我們的程式碼還有框架或者專案基本上都是放在之前實習期間寫的踩過的坑,碼雲xdh-web(https://gitee.com/)這上面,那當然就是把我現在學的框架克隆或者下載下來供本人學習啦~

起步:哦對在學校期間我的電腦上就已經安裝好了nodejs工具。到了公司後要做的就是:下載安裝並且配置好git工具,使其命令能夠在本電腦的cmd上執行,我是按照www.cnblogs.com/vitah/p/361…這個頁面的教程安裝配置的,最終安裝配置完的結果長這樣:

之前實習期間寫的踩過的坑,碼雲xdh-web之前實習期間寫的踩過的坑,碼雲xdh-web


然後在cmd上輸入git發現:

之前實習期間寫的踩過的坑,碼雲xdh-web之前實習期間寫的踩過的坑,碼雲xdh-web


噔噔噔噔~,出現一堆字元,說明已正確安裝,可以在電腦上使用啦

其次(克隆專案到本地):複製程式碼
1、 首先在電腦上找個位置新建個資料夾(裡面放克隆下來的專案)複製程式碼
2、 在碼雲上找到專案https://gitee.com/newgateway/xdh-web點選右面會出現https地址,然後在資料夾中右鍵點選git bash here,首先克隆之前要登入git,登入命令如下:複製程式碼
git config --global user.name “userName”                                                                          git config --global user.email “email”   複製程式碼
接著輸入git clone https://gitee.com/newgateway/xdh-web.git等待專案被克隆下來,複製程式碼
3、 然後在webstorm中開啟xdh-web資料夾在下面terminal輸入npm run install等待安裝依賴包或者在gitbash中執行git clone https://gitee.com/newgateway/node_modules.git node_modules,接著照著下圖的命令執行即可:複製程式碼

之前實習期間寫的踩過的坑,碼雲xdh-web之前實習期間寫的踩過的坑,碼雲xdh-web


好了,這樣目前算是全部完成下載安裝執行的任務啦~接著就是學習框架。執行npm run demo後最終效果圖如下:

之前實習期間寫的踩過的坑,碼雲xdh-web之前實習期間寫的踩過的坑,碼雲xdh-web


第二階段:框架的學習

1、element ui: countup:Echarts等這些外掛都是可以快速上手的

安裝執行好後開啟localhost:7001:就可以從下面開始練習寫頁面啦~ 之前實習期間寫的踩過的坑,碼雲xdh-web


相關文章