Vue Antd Admin本地部署

Lilis788發表於2024-06-13
Vue

官網：https://doc.vue-antd-admin.pages.dev/

github地址：https://github.com/iczer/vue-antd-admin/tree/basic

1、basic分支本地部署（開發基於此分支）

克隆專案basic分支到本地

->> 下載依賴：npm install

->> 啟動專案：npm run serve

2、master分支本地部署（研究基於此分支 - 試例頁面較多）

克隆專案master分支到本地

->>修改package.json檔案適配win平臺

{
    ...
    "scripts":{
        "serve@mac": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
        "build@mac": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
        "serve@win": "vue-cli-service serve",
        "build@win": "vue-cli-service build",
        ...
    }
    ...
}

->>修改package.json固定vue、vue-template-compiler版本（刪除^），防止後續安裝依賴自動升級vue導致編譯報錯。參考https://blog.csdn.net/CSDN_bare/article/details/131451561

"vue": "^2.6.11" --> "vue": "2.6.11"

"vue-template-compiler": "^2.6.11" --> "vue-template-compiler": "2.6.11"

->>下載依賴：npm install

->>啟動專案：npm run serve@win

相關文章