三 vue學習三 從讀懂一個Vue項目開始
阿新 • • 發佈：2018-03-19
str com emp rod from import 項目 nbsp sap
源碼地址： https://github.com/liufeiSAP/vue2-manage
我們的目錄結構：
| 目錄/文件 | 說明 |
|---|---|
| build | 這個是我們最終發布的時候會把代碼發布在這裏，在開發階段，我們基本不用管。 |
| config | 配置目錄，默認配置沒有問題，所以我們也不用管 |
| node_modules | 這個目錄是存放我們項目開發依賴的一些模塊，這裏面有很多很多內容，不過高興的是，我們也不用管 |
| src | 我們的開發目錄，基本上絕大多數工作都是在這裏開展的 |
| static | 資源目錄，我們可以把一些圖片啊，字體啊，放在這裏。 |
| test | 初始測試目錄，沒用，刪除即可 |
| .xxxx文件 |
這些是一些配置文件，包括語法配置，git配置等。基本不用管，放著就是了 |
| index.html | 首頁入口文件，基本不用管，如果是開發移動端項目，可以在head區域加上你合適的meta頭 |
| package.json | 項目配置文件。前期基本不用管，但是你可以找一下相關的資料，學習一下裏面的各項配置。至少，要知道分別是幹嘛的。初期就不管了。 |
| README.md | 不用管 |
如上，基本上就是這麽個情況。重要的，還是src文件夾。
SRC:
main.js
/*引入Vue框架*/
import Vue from ‘vue‘ import App from ‘./App‘ importrouter from ‘./router‘ import store from ‘./store/‘ import ElementUI from ‘element-ui‘ import ‘element-ui/lib/theme-default/index.css‘ Vue.config.productionTip = false;
/*使用ElementUI(一個桌面端組件庫)*/ Vue.use(ElementUI); new Vue({ el: ‘#app‘, router, store, template: ‘<App/>‘, components: { App } })
App.vue
三 vue學習三 從讀懂一個Vue項目開始