第一階段:下載安裝執行專案
前言:我是一個剛畢業沒有經過培訓的小白,進入公司第一件事就是學習公司目前在用的框架,那麼問題來了,怎麼知道公司框架都是用的哪些,我們的程式碼還有框架或者專案基本上都是放在(https://gitee.com/)這上面,那當然就是把我現在學的框架克隆或者下載下來供本人學習啦~
起步:哦對在學校期間我的電腦上就已經安裝好了nodejs工具。到了公司後要做的就是:下載安裝並且配置好git工具,使其命令能夠在本電腦的cmd上執行,我是按照www.cnblogs.com/vitah/p/361…這個頁面的教程安裝配置的,最終安裝配置完的結果長這樣:
然後在cmd上輸入git發現:
噔噔噔噔~,出現一堆字元,說明已正確安裝,可以在電腦上使用啦
其次(克隆專案到本地):複製程式碼
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,接著照著下圖的命令執行即可:複製程式碼
好了,這樣目前算是全部完成下載安裝執行的任務啦~接著就是學習框架。執行npm run demo後最終效果圖如下:
第二階段:框架的學習
1、element ui: countup:Echarts等這些外掛都是可以快速上手的
安裝執行好後開啟localhost:7001:就可以從下面開始練習寫頁面啦~