vue-element-admin 使用過程中踩坑

undefined_cao發表於2019-11-15
Vue

vue-element-admin文件：

https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/#%E5%89%8D%E5%BA%8F%E5%87%86%E5%A4%87

vue-element-admin原始碼：

https://github.com/PanJiaChen/vue-element-admin

一開始在根據官方文件提供的步驟進行安裝，發現各種錯誤

造成以上原因：沒有安裝git並且新增環境變數，設定SSL key 

 

造成以上原因：沒有安裝python環境，因為node-sass的安裝依賴python環境 

經過折騰踩坑，終於克隆專案並且執行成功，總結在使用vue-element-admin的最佳步驟：

1，準備好開發環境

安裝nodejs

http://nodejs.cn/

安裝git ， 新增環境變數

https://git-scm.com/

安裝python， 新增環境變數

https://www.python.org/

說明：在執行npm i命令安裝依賴的時候，安裝node-sass,而node-sass的安裝依賴python環境，所以需要安裝python環境

生成ssh key git公鑰，併到github上設定SSH

https://www.cnblogs.com/zzw731862651/p/9327632.html

 

2,準備好環境後

npm install --registry=https://registry.npm.taobao.org

目的：建議不要用 cnpm 安裝 會有各種詭異的bug 可以通過如下操作解決 npm 下載速度慢的問題 

 

3，克隆專案

git clone https://github.com/PanJiaChen/vue-element-admin.git

 

4，在安裝依賴之前

下載專案的時候run install時，node-sass下載失敗後來我在專案根目錄下新增了一個.npmrc sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ registry=https://registry.npm.taobao.org 把node-sass的路徑修改成淘寶的npm，就很順利的可以在國內的網路環境下載了

 

5，# 進入專案目錄

cd vue-element-admin

# 安裝依賴

npm install

 

6，本地開發 啟動專案

npm run dev

 

執行成功，接下來就可以修改專案進行開發啦

想看詳細的介紹請看官方文件，或者看這個大佬的文章教程：

https://juejin.im/post/59097cd7a22b9d0065fb61d2

相關文章