vue目錄詳解

1. build資料夾：打包配置的資料夾

2. config資料夾：打包的配置，webpack對應的配置

3. src資料夾：開發專案的原始碼

6. .babelrc：es6解析的配置

7. .gitignore：忽略某個或一組檔案git提交的乙個配置

8. index.html：單頁面的入口，通過webpack的打包構建之後，會對src原始碼進行編譯，最終把它們插入到html裡面來

9. package.json：基礎配置，告訴我們專案的資訊（版本號、專案姓名、依賴）

10. node_modulues：專案的安裝依賴

main.js:專案核心檔案 這個裡邊是自己寫的所有 內容 元件都會import到這  然而他會被html主檔案使用

整個應用通過 vue 元件的方式搭建起來，通過 vue-router 控制相應元件的展現，元件樹結構如下：

元件化思想就是這樣的結構 所有的東西不是能不能寫出來 而是對於以後能不能方便看出結構 

理解最基本結構

vue 目錄名稱詳解 vue目錄詳解

1.build資料夾 打包配置的資料夾 2.config資料夾 打包的配置，webpack對應的配置 3.src資料夾 開發專案的原始碼 6.babelrc es6解析的配置 7.gitignore 忽略某個或一組檔案git提交的乙個配置 8.index.html 單頁面的入口，通過webpack的...

vue 檔案目錄結構詳解

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

vue專案目錄結構詳解

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