文件目錄
- assets靜態資源文件存放樣式文件和圖片文件
- backpack.config.js後端編譯腳本
- build打包後的文件
- components vue組件
- layouts 模板文件
- nuxt.config.js nuxt配置文件
- pages vue頁面文件
- server koa相關文件
- static 靜態文件
- store 存放vuex
路由
在pages文件夾下創建vue文件，nuxt會自動爲它配置路由，在瀏覽器中我們只需要根據文件名字，就能訪問到對應得頁面
例如：訪問about頁面，我們只需要通過http://localhost:3000/about就能訪問了（即創建即配置）
模板文件
layouts文件下的模板文件，我們可以將一個網站中的公共組件，存放在一個模板當中，這樣就不需要每個頁面在使用公共組件的時候一個一個的引用了，只需要指定依賴的模板文件就可以了；
pages文件中的頁面選用模板可以通過layout屬性來指定
使用layouts文件夾下的search.vue模板
<script>
export default {
layout: 'search'
}
</script>
pages文件夾下的頁面，在layouts模板文件中通過<nuxt/>標籤渲染到頁面
nuxt.config.js配置文件
- 配置head頭部信息
- 配置全局css文件