基於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版本


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM