專案架構
大致架構
vue-test - 專案目錄
|- build/ - 編譯設定檔
|- config/ - 專案設定檔
|- node_modules/ - npm相關套件存放目錄
|- src/ - 主要程式碼目錄
|- assets/ - 靜態文件
|- components/ - Vue元件
|- router/ - router
|- App.vue - 基本Component
|- main.js - 主要的js文件
|- static/ - 放置一些不會異動的項目
|- .babelrc - babel設定檔*
|- .editorconfig - EditorConfig設定檔*
|- .gitignore - Git的忽略項目設定檔*
|- .postcssrc.js - CSS後處理器(post-processor)設定檔*
|- index.html - 專案的初始文件
|- package-lock.json - 自動產生的npm套件檔案
|- package.json - npm套件設定檔
|- README.md - 說明文件
相關名詞講解
| 名詞 | 解釋 |
|---|---|
| Babel | Javascript的編譯器，他可以將最新的ES6語法，編譯為舊版的ES5語法。也就是說透過Babel的編譯，你可以直接使用最新的JavaScript語法，而不需等待瀏覽器的支援。 |
| EditorConfig | 用於統一Coding Style的解决方案，例如Space和Tab格式的規範，文件設定完成後，只要在編輯器裝上的Plugin即可 |
| Git | 分散式版本控制軟體 |
| Postcss | CSS的後處理器(post-processor)，主要協助CSS加入各瀏覽器前置符，讓各種瀏覽器皆能正確顯示 |
參考