Ostatnio aktywny 10 months ago

這段 PowerShell 腳本建立一個專案目錄,初始化基本的前端專案結構,包括 index.html、src 資料夾及子目錄,並透過 npm 安裝必要的依賴 (lit、vite、serve),最後列出目錄結構供檢查。

setup_project.ps1 Surowy
1# 檢查是否提供了目錄名稱參數
2if ($args.Length -eq 0) {
3 Write-Host "Usage: .\setup_project.ps1 <directory_name>"
4 exit 1
5}
6
7# 將參數設定為 PROJECT_DIR 變數
8$PROJECT_DIR = $args[0]
9
10# 嘗試建立目錄
11if (-not (Test-Path $PROJECT_DIR)) {
12 New-Item -ItemType Directory -Path $PROJECT_DIR | Out-Null
13} else {
14 Write-Host "Failed: Unable to create directory '$PROJECT_DIR'. Exiting..."
15 exit 1
16}
17
18# 切換到該目錄
19Set-Location -Path $PROJECT_DIR
20
21# 建立空的 index.html
22New-Item -ItemType File -Name "index.html" | Out-Null
23
24# 建立 src 目錄及其子目錄
25New-Item -ItemType Directory -Name "src" | Out-Null
26New-Item -ItemType Directory -Path "src\components" | Out-Null
27
28# 建立 my-element.js 和 main.js 檔案
29New-Item -ItemType File -Path "src\components\my-element.js" | Out-Null
30New-Item -ItemType File -Path "src\main.js" | Out-Null
31
32# 初始化 npm 專案
33npm init -y
34
35# 安裝 lit 為依賴
36npm install lit --save
37
38# 安裝 vite 和 serve 作為開發依賴
39npm install vite --save-dev
40npm install serve --save-dev
41
42# 列出目錄結構(不包括 node_modules)
43Write-Host "Directory structure:"
44Get-ChildItem -Recurse -Directory | Where-Object { $_.Name -ne "node_modules" } | ForEach-Object { Write-Host $_.FullName }
45
46# 暫停,讓使用者查看輸出
47Pause
48