從乙個vue專案開始搭建架構

2021-10-07 22:53:59 字數 465 閱讀 9522

1,專案目錄   專案位址

api:簡單api封裝   assest:存放靜態檔案包括css,通用js    components  元件分公共元件和業務元件

router  公共路由     store:狀態管理機制,我做了一次分層    views  試圖層,按照模組分裝頁面

2,核心**

先要梳理專案所需元素,通用less和js是必備的,我已經填充完成,然後是狀態管理機制**的分層結構,也已經完善,接下來的工作安排,寫通用元件的和頁面分層的任務

3,需求演變

此分層架構,只可用於小型系統開發和維護,大型系統,需要再次分層,模組劃分只是以業務模組為主,我所寫的只是乙個空架子,需要自己去填充業務內容,當然後面的專案,我會完善這塊的元件和api的封裝

4,測試

目前,此架構只是個架子,需要業務來填充,我主要是測試api封裝的內容,業務內容根據自己的需要去選擇性測試,還有常用變數配置,明天完善。

Vue開始乙個專案

1.建立vue 專案 vue init webpack name 2.安裝常用依賴 根據需求安裝常用依賴 router 路由 axios 互動 vuex 狀態管理 less,sass css預處理器 fastclick 處理移動端click事件300毫秒延遲 npm i s vue router a...

用Vue cli從零開始搭建乙個Vue專案

電腦環境準備 2 開啟命令提示符,安裝 映象cnpm。因為cnpm安裝依賴包時會比npm速度快很多。安裝命令 npm install g cnpm registry 安裝完畢後可以在命令提示符中輸入cnpm v檢視cnpm版本 3 全域性安裝vue cli。安裝命令 cnpm install g v...

從乙個「儲存」按鈕開始

最近工作中,後端需要提供乙個介面,這個介面需要對同乙個實體表新增與刪除,接這個需求時,直覺上就覺得這個介面很反常,但是當時是在做mvp,追求速度,所以當時沒有太多糾結,就先做了,並在注釋中加上了繼續思考的todo事項。現在精細化產品的時候,看到了之前寫的注釋,於是有了這篇思考。當前的需求是這樣的,介...