iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 4
0
Modern Web

每日挖個坑,用坑填起耍廢聊天室!系列 第 4

四號坑,在Nuxt資料夾內翻滾

https://ithelp.ithome.com.tw/upload/images/20190919/20111962iPm0L06Ji9.png

Nuxt安裝好後自動產生的資料夾

Nuxt安裝好後會自動產生一大堆資料夾,每個資料夾都有定義好該做的事情

  • assets:需要webpack編譯的資源,例如SCSS
  • component: 組建庫
  • layout: 頁面樣式,像是header footer在每個頁面都會用到,但為了不要每開一個頁面就要重複引入,就做成一個共用模板
  • pages: 頁面元件,例如網站有首頁、關於我、最新消息,每個都是一頁
  • store: Vuex都放在這
  • server: 後端的js,socket的server就會寫在這
  • plugin跟middleware都是放一些js的處理這樣XD
  • .nuxt跟.node_module不用管,是自動產生出來的資料夾,不會讓git記錄這些
  • 另外還有nuxt.config.js是nuxt的設定檔,不常改
  • 有需要用router就另外在最外層自己加一隻router.js

官網定義請往這裡走

資料夾裡面也有README可以看解釋~


上一篇
三號坑,裝起nvm,開挖Nuxt
下一篇
五號坑,造個路vue-router送你到各地
系列文
每日挖個坑,用坑填起耍廢聊天室!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言