vue專案結構目錄

2021-09-09 05:50:17 字數 957 閱讀 5204

readme.md專案的說明檔案

package.json需要的第三方的依賴包

package-lock.json第三方包的一些具體版本資訊,保持團隊開發的統一

index.html專案預設的模板檔案

static放置的靜態資源/json資料等

src檔案放置的是整個專案的源**

————————————————————————

src目錄下幾個檔案的關係:

1.首先在主目錄下的index.html檔案是專案的主頁,所有的元件通過這個頁面展示到網頁上。

裡面的結構是這樣

其中是表明會接受component資料夾中的子元件,這部分用到了再詳細整理。若刪除這個,就不會連線到component的子元件了。

3.main.js是整個專案得入口檔案,在裡面要引入一些用得到的包

裡面的結構是這樣的

import vue from 'vue'

import router from './router'

import elementui from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

vue.use(elementui)

vue.config.productiontip = false

/* eslint-disable no-new */

new vue()

Vue專案目錄結構

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

vue專案目錄結構詳解

專案簡介 基於 vue.js 的前端開發環境,用於前後端分離後的單頁應用開發,可以在開發時使用 es next scss 等最新語言特性。專案包含 基礎庫 vue.js vue router vuex whatwg fetch 編譯 打包工具 webpack babel node sass 單元測試...

vue專案目錄結構詳解

vue的目錄結構相對而言比較簡單,我們主要要操作的就是src目錄,在components目錄下寫主鍵,在router目錄下寫路由基於 vue.js 的前端開發環境,用於前後端分離後的單頁應用開發,可以在開發時使用 es next scss 等最新語言特性。或參考 vue專案目錄結構詳解 專案簡介 基...