1.先下載nuxt腳手架

yarn create nuxt-app <項目名>，記得安裝完項目，npm i,下載node包

目錄介紹

components

存放組件分別是頭部（包含導航）和底部

layouts?

頁面布局，實現一個頁面整體架構規則，頭部，主體，底部組件放在layouts?中實現頁面的整體布局

pages

存放主體的內容文件

2.在根目錄創建layouts文件夾，調用頭部，主體，底部

3.在pages文件下的index.vue中加入 layout: 'BaseLayout'，才會展示頭部和尾部內容，注意，主體內容文件，都需要加layout: 'BaseLayout'，不加會導致頁面展示不完整

4.樣式用 less頁面報錯

在package.json中加入這兩行代碼，刪除node包，重新npm?i?下載node包

頭部文件中寫入，語言切換，不同語言展示，不同的語言導航

主體，引入不用語言的組件，展示不同的語言內容

另一個地址文章寫的特別清晰，可以瀏覽

Nuxt 學習筆記_nuxt筆記-CSDN博客