1. 程式人生 > 其它 >基於vue腳手架專案平臺框架開發

基於vue腳手架專案平臺框架開發

一.專案基本業務知識:

專案開發實際過程中,需要幾個文件:

需求文件--描述需求的所有的技術和資料,業務流程;設計原則,開發後端樣子UI互動圖;

UI圖 --UI設計原圖匯出html頁面、藍湖系統、PNG圖片 有了這些就可以開始做頁面還原;

還需要介面文件:才能進行資料模擬 --word、swagger、rap2

主要就對專案頁面設計解析,資料介面文件解析

1.專案開發框架搭建

應該是一個開發平臺 --vue-cli腳手架

--webpack配置:vue.config.js

--views:專案的主要頁面開發模組 --index.vue負責路由分發、實現佈局元件切換

--router:所有路由控制模組 --需要安裝路由外掛 vue-router

--store:全域性狀態資料管理 --需要安裝狀態管理器外掛 vuex

--components:全域性外掛--全域性元件

--style:全域性樣式管理模組 --樣式前處理器(sass、less、stylus、postcss) less-loader

--images:圖片管理

--apis:資料介面定義以及管理模組 --非同步請求庫封裝 ->避免回撥函式--Promise、請求許可權攔截(如果許可權不足,不能發起請求)、允許在程式碼中使用async+await語法

less的編譯器:less定義編譯規則 less-loader負責編譯;less-loader在腳手架中需要注意版本,因為webpack4.x和5.x的語法和載入器有本質的區別所以對應的版本需要使用對應的載入器,當前vue的腳手架還是使用的webpack4.x 用@7版本