vue框架搭建

2021-10-02 15:46:31 字數 1797 閱讀 8710

npm install --registry==
npm install -g @vue/cli
[注意]如果報錯,大概率是因為之前的vue-cli版本未解除安裝導致,需要先解除安裝之前的版本,再重新安裝vue/cli

npm uninstall -g vue-cli
vue --version
npm uninstall -g @vue/cli
vue create xiaogao-manager-web

(1)babel+router

(2)2.x [3.x出來不久,2023年8月出來的,很多元件還不適配]

(3)use history mode for router (n)

(4)in package.json

cd xiaogao-manager-web

npm run serve

index.js中

,

[前提vue2.x而不是vue3.x]

npm i element-ui -s

npm install axios
新建src/utils/api.js檔案

import axios from 'axios'

import from 'element-ui'

登入錯誤時需要重新跳轉到登陸頁面

import router from '../router'
//方便錯誤提示,配置響應***

axios.interceptors.response.use(success=>)

return;

} //成功

if(success.data.message))

} }return success.data;

},error=>)

}else if(errpr.response.code == 403)else if(errpr.response.code == 401))

router.replace('/')

}else)

}else)

} }return;

})

//建立axios的乙個例項

var instance = axios.create()

//json形式的請求

export default httprequest

//全域性使用axios封裝的請求

vue框架環境搭建

1.安裝nodejs 2.搭建vue開發環境,安裝vue的腳手架工具 使用cnpm 映象工具 在cmd輸入以下命令即可 npm install g cnpm registry npm install global vue cli3.建立專案 以下就以vuelist為專案名稱 在vscode終端輸入以...

vue腳手架,搭建vue專案框架

1.安裝node.js 2.基於node.js,利用 npm映象安裝相關依賴 在cmd裡直接輸入 npm install g cnpm registry 回車,等待安裝.3.安裝全域性vue cli腳手架,用於幫助搭建所需的模板框架 在cmd裡 1 輸入 cnpm install g vue cli...

vue框架搭建 專案打包 執行

vue專案搭建 1.裝node 2.裝 映象npm install g cnpm registry 3.安裝全域性的vue cli腳手架,用於幫助搭建所需的模板框架 npm install g vue cli 4.新建乙個資料夾,自己命名,不可以有大寫字母 5.開啟建立好的資料夾,右鍵git bas...