---
# System prepended metadata

title: 在WSL中執行Nuxt專案

---

---
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專案，
