學習Element-plus源碼(一) - 前奏


0. 序 -- 使用包管理工具

默認使用yarn

1. 克隆線上倉庫到本地

國內倉庫:git@gitee.com:element-plus/element-plus.git

國外倉庫:git@github.com:element-plus/element-plus.git

git clone git@gitee.com:element-plus/element-plus.git

2. 安裝依賴(進入element-plus目錄)

yarn

或者

npm install

3. 啟動項目

--3.1

yarn bootstrap

--3.2(如果沒有執行3.1,而直接執行3.2,則會報錯(Can't resolve './version))

yarn website-dev

--3.3 debugger

3.3.1 問題出現

隨后報:Error: Cannot find module 'libnpx'

3.3.2 解決問題

終於在stackoverflow: No need to delete any files as for the above issue. So, to fix the problem just install the node from: https://nodejs.org/en/

3.3.3 引出新問題

如果沒有使用nvm等node版本管理,則直接官網下載,替換即可

3.3.4 nvm安裝最新的node

(1)nvm install latest   報錯: Downloading npm version 7.15.1... Error while downloading https://github.com/npm/cli/archive/v7.15.1.zip - Get https://github.com/npm/cli/archive/v7.15.1.zip: net/http: TLS handshake timeout

  這是因為npm沒有安裝成功

(2)找到nvm/setting.txt,把npm和node下載地址切換到國內鏡像

arch: 64
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

(3)繼續下載即可

nvm install 16.3.0

 之后

nvm use 16.3.0

(4)如果使用yarn,還需要

npm install yarn -g

(5)完美解決

 繼續運行3.1和3.2,打開查看element-plus本地服務即可

 


免責聲明!

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



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