vue模板結構以及專案目錄設計

2021-09-17 01:13:18 字數 883 閱讀 6378

|-- build : webpack 相關的配置資料夾(基本不需要修改)

|-- dev-server.js : 通過 express 啟動後台伺服器

|-- config: webpack 相關的配置資料夾(基本不需要修改)

|-- index.js: 指定的後台服務的埠號和靜態資源資料夾

|-- node_modules

|-- src : 原始碼資料夾

|-- components: vue 元件及其相關資源資料夾

|-- main.js: 應用入口 js

|-- static: 靜態資源資料夾

|-- .babelrc: babel 的配置檔案

|-- .eslintignore: eslint 檢查忽略的配置

|-- .eslintrc.js: eslint 檢查的配置

|-- .gitignore: git 版本管制忽略的配置

|-- index.html: 主頁面檔案

|-- package.json: 應用包配置檔案

|-- readme.md: 應用描述說明的 readme 檔案

|-- src

|-- api:與後台互動模組資料夾

|-- common:通用資源資料夾(font,stylus,img)

|-- components:非路由元件資料夾

|-- filters:自定義過濾器模組資料夾

|-- mock:模擬資料介面資料夾

|-- pages:路由元件資料夾

|-- router:路由器資料夾

|-- store:vuex相關模組資料夾

|-- main.js:入口js

Zencart模板結構和設計詳解

zen cart的設計很簡單,和其他html頁面是一樣的。只是整個頁面分成了幾個部分,並加入了php 通常分為頁首 header 頁尾 footer 邊框 sideboxes 頁面通過css樣式表來控制,樣式表控制了包括 單元的背景圖案 字型顏色和樣 式等等,所以假如你需要修改邊框標題欄的字型,那麼...

Vue專案目錄結構

project build 構建指令碼目錄 build.js 生產環境構建 編譯打包 指令碼 check version.js 檢查node npm等版本 dev client.js 開發伺服器熱過載指令碼,主要用來實現開發階段頁面自動重新整理 dev server.js 執行本地開發伺服器 uti...

vue專案結構目錄

readme.md專案的說明檔案 package.json需要的第三方的依賴包 package lock.json第三方包的一些具體版本資訊,保持團隊開發的統一 index.html專案預設的模板檔案 static放置的靜態資源 json資料等 src檔案放置的是整個專案的源 src目錄下幾個檔案的...