Vue進階（二）：Vue項目文件結構介紹

#Vue進階（二）：Vue項目文件結構介紹

1. main.js是我們的主項目入口文件，主要作用是初始化vue實例，並引入所需要的插件；
2. App.vue是我們的主組件，所有頁面都是在App.vue下進行切換的。其實你也可以理解為所有的路由也是App.vue的子組件。所以將router標示為App.vue的子組件。
3. index.html文件入口;
4. src放置組件和入口文件;
5. node_modules為依賴的模塊;
6. config中配置了路徑端口值等;
7. build中配置了webpack的基本配置、開發環境配置、生產環境配置等;

##Vue如何加載main.js
    在Vue工程中使用src/main.js來加載App.vue文件，但沒有代碼寫出來加載main.js的，而index.html中只有一個自定義標簽app，那么工程是如何加載到main.js文件的呢？
    如果你是用vue.js官網提供的腳手架工具vue-cli並沿用默認配置的話，你執行npm run dev的時候會出來頁面，是因為你根目錄下的package.json文件里script配置了如下信息：

"dev": "node build/dev-server.js"

　　

    也就是其實執行的是dev-server.js這個文件，里面有定義

var webpackConfig = require('./webpack.dev.conf');

因為我們這個腳手架工具里是用webpack來打包項目文件的，依賴的    webpack.dev.conf文件里又定義了

var baseWebpackConfig = require('./webpack.base.conf');

    在這個依賴webpack.base.conf文件里面entry入口文件就配置了

app: './src/main.js'

    所以當你運行npm run dev的時候就從main.js這個入口文件開始執行了。
##注
main.js

/*關閉生產模式下給出的提示*/
Vue.config.productionTip = false