---
# System prepended metadata

title: 第一次小組會
tags: [meeting, '2023']

---

---
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 線上課程
帳號 : 2024.ncufreshweb@gmail.com
密碼 : 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版本，出現以下畫面就是成功了。
    ![螢幕擷取畫面 2024-01-06 214759](https://hackmd.io/_uploads/S1_esCIuT.png)


3. 在Terminal輸入
    ```
    > cd [專案名稱]
    > code .   // 打開vscode
    ```
    應該會看到畫面長這樣
    ![螢幕擷取畫面 2024-01-06 215440](https://hackmd.io/_uploads/HJZhoRLuT.png)

4. ```ctrl + ` ``` 開啟Terminal，輸入 ```npm run serve```，你的vue專案就會開始執行了(點圖片中的http://localhost:8080/)。
    ![螢幕擷取畫面 2024-01-06 215813](https://hackmd.io/_uploads/H1WF2ALOa.png)
    

    


