首先新建一個vue項目，然后安裝element-ui組件，vuex狀態管理等需要用到的。
項目建立好能運行之后，在src/commponents文件夾下新建一個layout文件夾用于書寫布局相關代碼，在文件夾內新建header.vue,slider.vue,footer.vue,contentMain.vue,home.vue文件（當然也可以只新建一個home文件，把相關布局全部寫在home.vue文件內，但是不怎么推薦）
再在src文件夾內新建一個page文件夾，在里面按照需求新建文件,用于書寫頁面，新建文件完成之后，大致的目錄結構如下圖
在home.vue頁面內導入header.vue,slider.vue等相關的布局組件
在router/index.js文件夾內書寫路由，按需加載相應的路由模塊，meta里面設置相應的title、icon,后面會用到
containMain里面對應的就是需要添加內容的頁面，別忘了寫上<router-view></router-view>，否則沒有渲染到。之后每在page文件夾內新增一個頁面，相應的到router里去設置好路由就可以了。
整個項目目前只是搭建了簡單的框架，后續會慢慢的豐富。
github地址https://github.com/LonelyFarer/managerSystem
雖然渺小，依然散發光芒，希望能對您有所幫助！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
