---
title: 第一次小組會
tags: 2024
author: xCk27x、yunnnnchieh
---

###### tag: `2024`

## What to do?
- [ ] HackMD權限 https://hackmd.io/join/Sy_EG0Uda
- [x] 裝好你的vscode
- [x] vscode copilot 安裝
- [x] 載Node.js
- [x] 啟動你的Vue專案
- [x] 開一個express專案
- [x] git環境設定

## Udemy 線上課程
帳號 : [e-mail]
密碼 : LSE7ucfWe2nzMa

## vscode 安裝
[Visual Studio Code官網連結](https://code.visualstudio.com/?wt.mc_id=vscom_downloads)

下載好後打開vscode前往Extension(左側導覽列)，推薦安裝以下幾個模組。

- vscode-icons
- live server
- git graph
- prettier
- eslint
- github copilot

## vscode copilot 安裝教學
https://medium.com/%E5%BD%BC%E5%BE%97%E6%BD%98%E7%9A%84-swift-ios-app-%E9%96%8B%E7%99%BC%E5%95%8F%E9%A1%8C%E8%A7%A3%E7%AD%94%E9%9B%86/%E7%94%A8%E8%80%81%E5%B8%AB-%E5%AD%B8%E7%94%9F%E8%BA%AB%E4%BB%BD%E5%85%8D%E8%B2%BB%E4%BD%BF%E7%94%A8-github-copilot-223236e0e0e8

## 啟動你的Vue專案
https://ithelp.ithome.com.tw/articles/10280361?sc=iThelpR

1. 下載 [Node.js](https://nodejs.org/en) & npm

安裝完後到終端機輸入 ```node -v``` & ```npm -v```，有出現版本號就代表成功了。
:::warning
如果你像要切換所使用的Node.js版本，請前往 [nvm](https://github.com/nvm-sh/nvm?tab=readme-ov-file#installing-and-updating) 下載，或參考 [在WSL中執行Nuxt專案](/bg-1dDKOSJ65CIBmE-_-FA) 中的Node.js安裝步驟。
:::

2. 建立vue專案，在Terminal中輸入 ```vue create [專案名稱]```，並選擇vue3作為vue版本，出現以下畫面就是成功了。

3. 在Terminal輸入

    > cd [專案名稱]
    > code .   // 打開vscode

應該會看到畫面長這樣

4. ```ctrl + ` ``` 開啟Terminal，輸入 ```npm run serve```，你的vue專案就會開始執行了(點圖片中的http://localhost:8080/)。