vue-admin-template 新手學習（一） 啟動項目

大家可能下載完整的模板再一個個刪除

我剛好相反 只下載template模板來一個個頁面功能添加

一、準備好vue-admin-template模板

1.可以直接下載vue-admin-template-master.zip包然後解壓

2.通過git命令科隆  git clone https://github.com:PanJiaChen/vue-admin-template.git

 

二、準備運行vue-admin-template模板

    1.npm  install 安裝依賴  依賴下載完後提示如下 因為我的npm的版本比較舊 所以安裝玩依賴提示我updatenpm

2.npm run dev 跑起來項目   但是一輸入命令就打開了瀏覽器 還沒有build完 所以我在vue.config.js將啟動即開啟瀏覽器改成false 也可以把端口號改成別的都在vue.config.js裡邊

const port = process.env.port || process.env.npm_config_port || 9527 //改端口號

devServer: {
    port: port,
    open: false,
    overlay: {
      warnings: false,
      errors: true
    },

3.項目已經跑起來了

 

下一節   將會是頁面權限的控制喲