--- author: xCK27x year: 2024 --- # 在WSL中執行Nuxt專案 這篇文章會帶你一步步在WSL中建立Nuxt專案，並簡單配置一些 :::warning 本專案使用Node作為javaScript runtime。 經過測試(2023/12/30)，Bun v1.0.20在專案建立過程會出現無法解決的問題，暫時不推薦使用。 ::: ## 安裝Node > 請先確保你有裝好WSL，如果還沒請參考這篇 [WSL環境架設](/f3QDXmJMT8CfiwVvImtU3g) Node.js是一個JavaScript runtime，簡單來說就是讓你的JavaScript能跑的環境。而要安裝Node.js，除了去[官網](https://nodejs.org/en)下載外，也可以使用nvm(Node Version Manager)安裝。 因為現在的環境是WSL，所以沒辦法去[官網](https://nodejs.org/en)下載，因此要教大家怎麼使用nvm。 --- > 安裝nvm 首先開啟你的Terminal 如果你不想管版本，直接輸入 ``` $ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash ``` 不然可以前往nvm的[github](https://github.com/nvm-sh/nvm?tab=readme-ov-file#installing-and-updating)查找最新的安裝指令 ``` // 確認nvm有沒有成功下載，有出現版本號就代表成功 $ nvm --version 0.39.7 ``` 安裝好後需要執行 ``` $ source ~/.nvm/nvm.sh ``` 才能使nvm的相關命令在你的終端中正常運作 --- > 安裝Node.js 接著要使用nvm下載Node.js，輸入 nvm install node 來下載最新版本的Node.js ``` $ nvm install node ``` ``` // 確認node有沒有成功下載，有出現版本號就代表成功 $ node --version v21.5.0 ``` :::info 如果想使用nvm切換Node.js的版本，要先下載好不同版本的Node.js，在更換預設的版本 ``` $ nvm install 19 // 安裝不同版本的Node.js $ node --version v21.5.0 // 可以看到還是最新的21版 $ nvm alias default 19 // 將預設版本改為19版 $ node --version v19.9.0 // 變成19版了! ``` 若你的nvm版本為1.0以上，請將 ```nvm alias default``` 改為 ```nvm use``` ::: ## 建立Nuxt專案 :::info Nuxt是 ::: 接著要建立一個Nuxt專案，