【今天開始學 Nuxt】前言、還有環境建置與安裝

前言

　　其實在六角看到 Nuxt 的課程之前，我並不知道什麼是 Nuxt，看到跟 Vue 有關又包含後端的東西，就覺得跟現在的自己所需要的也太貼近了吧，便參加了課程的說明會。

　　不過在說明會中就有了解到，其實 Nuxt 並不是我想的那種跟資料庫有關的後端內容，而是前端的進階技術。主要是為了解決框架在 SPA（Singl Page Application 單頁式應用） 架構下 SEO 不佳的問題，改用 SSR （Server Side Render 伺服器端渲染）來渲染網頁。因此雖然 Nuxt 跟我原先想像的不太一樣，但還是會有碰到後端技術的部份。

　　而我手上的專案，目前雖然沒有 SEO 的需求，但對於以 Vue 做為目前主要學習的框架、同時又想學習後端知識的我，這堂 Nuxt 課最終還是給他報名下去了（大笑）。

　　接下來，預計就是跟著學習進度，一邊將所學到的知識整理成筆記囉！

環境建置與安裝

前置條件

1. node.js (推薦版本因為會持續更新，要看官網)
2. 編輯器：vscode 或 其它可用來撰寫程式的編輯器
3. 終端：cmd 或 vscode 裡的終端機都可以，主要是要來運行 nuxt 的指令

2024/10 學習的當下，官網上的資訊

安裝

　　首先到 nxut 的官網，找到安裝的地方，並照著說明進行安裝。

可依據自己使用的套件管理工具去進行安裝，我自己是用 npm

　　開啟 vscode 或使用 系統 cmd 都可以，進到指定的資料夾後，打上指令

npx nuxi@latest init <專案名稱>

　　而後照著跳出的指示去選擇自己的需求，這部份跟 vue 的建置很像。都完成之後就可以看到資料夾已建置完成。