FolderIcon — VS Code Snippet Extension
Publisher: Jiny
Version: 0.0.1
VS Code: ^1.60.0
Extension cung cấp code snippets để generate nhanh các file trong project Event Ticket (Express + DynamoDB + S3 MVC).
Cài đặt từ file .vsix (Local)
# 1. Đóng gói
npm install -g @vscode/vsce
cd d:\.HK2_25-26\CNM\ThucHanh\foldericon-extension
vsce package
# 2. Cài vào VS Code
code --install-extension foldericon-0.0.1.vsix
Publish lên VS Code Marketplace
# Đăng nhập publisher (cần PAT từ dev.azure.com)
vsce login Jiny
# Publish
vsce publish
Trước khi publish, đăng nhập tại https://marketplace.visualstudio.com/manage và tạo publisher Jiny, sau đó tạo PAT tại https://dev.azure.com → User Settings → Personal Access Tokens (scope: Marketplace → Manage).
Danh sách Snippets JavaScript
File nguyên (gõ trong file .js trắng)
| Prefix |
Mô tả |
ticket-index |
Gen toàn bộ index.js (Express setup) |
ticket-routes |
Gen toàn bộ routes/ticketRoutes.js |
ticket-model |
Gen toàn bộ models/ticketModel.js |
ticket-controller |
Gen toàn bộ controllers/ticketController.js |
ticket-aws-config |
Gen toàn bộ config/aws.js |
Hàm lẻ — Model
| Prefix |
Mô tả |
model-upload-image |
Hàm uploadImage(file) |
model-delete-image |
Hàm deleteImageS3(imageUrl) |
model-validate |
Hàm validate(data) |
model-calc-discount |
Hàm calcDiscount(category, qty) |
model-calc-amounts |
Hàm calcAmounts(category, qty, price) |
model-enrich |
Hàm enrich(ticket) |
model-get-all |
Hàm getAll() |
model-search |
Hàm search(keyword) |
model-filter-status |
Hàm filterByStatus(status) |
model-get-by-id |
Hàm getById(id) |
model-create |
Hàm create(body, imageUrl) |
model-update |
Hàm update(id, body, imageUrl) |
model-delete |
Hàm delete(id) |
Hàm lẻ — Controller
| Prefix |
Mô tả |
ctrl-get-all |
Controller getAll |
ctrl-search |
Controller search |
ctrl-detail |
Controller detail |
ctrl-create |
Controller create |
ctrl-edit-form |
Controller editForm |
ctrl-update |
Controller update |
ctrl-delete |
Controller delete |
Danh sách Snippets EJS
| Prefix |
Mô tả |
ticket-view-index |
Gen toàn bộ views/index.ejs (table view) |
ticket-view-index-card |
Gen toàn bộ views/index-card.ejs (card grid view) |
ticket-view-edit |
Gen toàn bộ views/edit.ejs |
ticket-view-detail |
Gen toàn bộ views/detail.ejs |
Cách dùng
- Mở VS Code, tạo file
.js trắng hoặc .ejs trắng
- Gõ prefix (VD:
ticket-model) → nhấn Tab hoặc Enter
- Snippet sẽ expand ra toàn bộ code tương ứng
| |
