vue構建完整專案 以及實現

2022-07-02 15:30:15 字數 2090 閱讀 5592

由於開發vue專案的時候,需要重新搭建專案的架子,比較麻煩,其實之前做過的專案好多都可以直接拿過來用,比如接下來的這個專案,就可以滿足平常的vue單頁面開發.

該專案包括了:全域性配置axios,全域性配置介面集合,切換頁面動畫,全域性配置vuex(其中vuex做的很經典 規範 ,可以參考),頁面請求資料增加loading效果

.

├── build // webpack配置檔案

├── config // 專案打包路徑

├── src // 原始碼目錄

│   ├── api // 介面

│   │   ├── axios.config.js // axios 配置檔案

│   │   └── index.js // 介面集合

│   ├── assets // 資源

│   │   ├── css

│   │   │   └── common.css // 公共樣式檔案

│   │   └── loading.gif // 載入圖

│   ├── components // 元件集合

│   ├── lib // 包括公共方法和陣列等的定義

│   ├── pages // 頁面

│   ├── router

│   │   └── router.js // 路由配置

│   ├── vuex // vuex的狀態管理

│   │   ├── modules // store模組

│   │   │   ├── base.js

│   │   │   ├── carpicker.js

│   │   │   └── user.js

│   │   ├── index.js // 引用vuex,建立store

│   │   └── mutation-types.js // 定義常量muations名

│   └── main.js // 程式入口檔案,載入各種公共元件

├── static // 靜態資源

│   ├── css

│   │   └── reset.css // 重置節點的css

│   └── images //

├── test // 測試部分(暫時未用到)

├── index.html // 入口html檔案

.

由於請求的介面是我們內部使用的,所以大家參考**的結構,使用方法就行,專案結構除了srcstatic其他都是通用的,可以在此基礎上直接開發,很方便.

App完整專案流程

整個專案的流程。有寫的不對的地方,望各位大神多多指教 希望能對剛入坑的童鞋有些許幫助 以下是我們公司專案的整體流程,不足之處,望能多多指教 1 蒐集需求,編寫需求文件。一般大公司這個步驟都是由產品經理或者專案經理去做的,一般小公司,比如我,都是我們程式設計師需要去做的 3 開始寫設計文件 介面設計 ...

vue 2 0完整專案搭建發布與結構分析

基於node環境開發 首先要安裝node,window需要配置node環境變數 node版本盡量6以上 安裝webpack npm install webpack g 安裝vue腳手架 npm install vue cli g 在硬碟上找乙個資料夾放工程用的,在終端中進入該目錄,根據模板建立專案 ...

完整專案基礎架構精簡版 實現許可權管理

這個專案是乙個 或系統開發的基礎 可以正常執行,但沒有實際意義,主要是用來做為實際專案開發時的基礎 在做其他專案開發時可以直接將此 複製乙份進行專案業務的擴充套件,這樣可以節約很多底層設計的時間,可以把精力都放在業務擴充套件上。此專案使用的框架是 springboot springmvc jpa h...