vue element搭建專案

2021-10-23 19:38:22 字數 574 閱讀 9674

前言:

使用到的技術和框架及平台外掛程式

git、vue+vuex、element、js-cookies

步驟:1、配置開發環境

node.js

npm -v //檢視node版本

vue -v //檢視vue版本

vue vue-cli //全域性安裝vue、vue腳手架

2、新建資料夾,在檔案下初始化專案

vue init webpack vue-elementui(專案名稱)

npm run dev 就可以執行專案了

3、專案的配置

相關三方外掛程式的引入(vuex、axios、element-ui、sass)

專案的基本配置檔案配置

路由管理模組vue-router及選單許可權的配置

狀態管理模組vuex的配置

請求模組axios的配置

報錯:關於安裝less報錯,可能是因為less和less-loader版本過高原因

指定低版本安裝

npm install [email protected] -s

npm install [email protected]

Vue Element專案實戰系列 動態麵包屑

麵包屑應該是我們在專案中經常使用的乙個功能,一般情況下它用來表示我們當前所處的站點位置,也可以幫助我們能夠更快的回到上個層級。今天我們就來聊聊如何在 vue 的專案中實現麵包屑功能。以下案例都是使用 element ui 進行實現。首先我們想到的最笨的方法就是在每個需要麵包屑的頁面中固定寫好。如果按...

vue element專案做員工排班表

ps 獲取當前時間的常用格式 var today new date var stryear today.getfullyear var strday today.getdate var strmonth today.getmonth 1 var strdate today.getday var no...

如何在Vue Element專案中配置國際化

vue i18n 1 建立i18n資料夾 在專案根目錄,即src目錄項建立i18n目錄,此目錄下用於存放多語言的翻譯如zh.js儲存中文翻譯,en.js儲存英文翻譯,id.js 儲存印尼語等。en.js export default zh.js export default 2 建立preset資料...