project-setup-info-local

bởi microsoft

Các bước thiết lập toàn diện giúp người dùng tạo cấu trúc dự án hoàn chỉnh trong không gian làm việc VS Code; công cụ này được thiết kế để khởi tạo dự án đầy đủ và…

npx skills add https://github.com/microsoft/vscode --skill project-setup-info-local

How to setup a project

Determine what kind of project the user wants to create, then based on that, choose which setup info below to follow. Only setup a project if the folder is empty or if you've just called the tool first calling the tool to create a workspace.

vscode-extension

A template for creating a VS Code extension using Yeoman and Generator-Code.

Run this command:

npx --package yo --package generator-code -- yo code . --skipOpen

The command has the following arguments:

  • -t, --extensionType: Specify extension type: ts, js, command-ts, command-js, colortheme, language, snippets, keymap, extensionpack, localization, commandweb, notebook. Defaults to ts
  • -n, --extensionDisplayName: Set the display name of the extension.
  • --extensionId: Set the unique ID of the extension. Do not select this option if the user has not requested a unique ID.
  • --extensionDescription: Provide a description for the extension.
  • --pkgManager: Specify package manager: npm, yarn, or pnpm. Defaults to npm.
  • --bundler: Bundle the extension using webpack or esbuild.
  • --gitInit: Initialize a Git repository for the extension.
  • --snippetFolder: Specify the location of the snippet folder.
  • --snippetLanguage: Set the language for snippets.

Rules

  1. Do not remove any arguments from the command. Only add arguments if the user requests them.
  2. Call the tool get_vscode_api with the user's query to get the relevant references.
  3. After the tool get_vscode_api has completed, only then begin to modify the project.

next-js

A React based framework for building server-rendered web applications.

Run this command:

npx create-next-app@latest .

The command has the following arguments:

  • --ts, --typescript: Initialize as a TypeScript project. This is the default.
  • --js, --javascript: Initialize as a JavaScript project.
  • --tailwind: Initialize with Tailwind CSS config. This is the default.
  • --eslint: Initialize with ESLint config.
  • --app: Initialize as an App Router project.
  • --src-dir: Initialize inside a 'src/' directory.
  • --turbopack: Enable Turbopack by default for development.
  • --import-alias <prefix/*>: Specify import alias to use.(default is "@/*")
  • --api: Initialize a headless API using the App Router.
  • --empty: Initialize an empty project.
  • --use-npm: Explicitly tell the CLI to bootstrap the application using npm.
  • --use-pnpm: Explicitly tell the CLI to bootstrap the application using pnpm.
  • --use-yarn: Explicitly tell the CLI to bootstrap the application using Yarn.
  • --use-bun: Explicitly tell the CLI to bootstrap the application using Bun.

vite

A front end build tool for web applications that focuses on speed and performance. Can be used with React, Vue, Preact, Lit, Svelte, Solid, and Qwik.

Run this command:

npx create-vite@latest .

The command has the following arguments:

  • -t, --template NAME: Use a specific template. Available templates: vanilla-ts, vanilla, vue-ts, vue, react-ts, react, react-swc-ts, react-swc, preact-ts, preact, lit-ts, lit, svelte-ts, svelte, solid-ts, solid, qwik-ts, qwik

mcp-server

A Model Context Protocol (MCP) server project. This project supports multiple programming languages including TypeScript, JavaScript, Python, C#, Java, and Kotlin.

Rules

  1. First, visit https://github.com/modelcontextprotocol to find the correct SDK and setup instructions for the requested language. Default to TypeScript if no language is specified.
  2. Use the fetch_webpage tool to find the correct implementation instructions from https://modelcontextprotocol.io/llms-full.txt
  3. Update the copilot-instructions.md file in the .github directory to include references to the SDK documentation
  4. Create an mcp.json file in the .vscode folder in the project root with the following content: { "servers": { "mcp-server-name": { "type": "stdio", "command": "command-to-run", "args": [list-of-args] } } }.
    • mcp-server-name: The name of the MCP server. Create a unique name that reflects what this MCP server does.
    • command-to-run: The command to run to start the MCP server. This is the command you would use to run the project you just created.
    • list-of-args: The arguments to pass to the command. This is the list of arguments you would use to run the project you just created.
  5. Install any required VS Code extensions based on the chosen language (e.g., Python extension for Python projects).
  6. Inform the user that they can now debug this MCP server using VS Code.

python-script

A simple Python script project which should be chosen when just a single script wants to be created.

Required extensions: ms-python.python, ms-python.vscode-python-envs

Rules

  1. Call the tool copilot_runVscodeCommand to correctly create a new Python script project in VS Code. Call the command with the following arguments. Note that "python-script" and "true" are constants while "New Project Name" and "/path/to/new/project" are placeholders for the project name and path respectively.
    {
      "name": "python-envs.createNewProjectFromTemplate",
      "commandId": "python-envs.createNewProjectFromTemplate",
      "args": ["python-script", "true", "New Project Name", "/path/to/new/project"]
    }
    

python-package

A Python package project which can be used to create a distributable package.

Required extensions: ms-python.python, ms-python.vscode-python-envs

Rules

  1. Call the tool run_vscode_command to correctly create a new Python package project in VS Code. Call the command with the following arguments. Note that "python-package" and "true" are constants while "New Package Name" and "/path/to/new/project" are placeholders for the package name and path respectively.
    {
      "name": "python-envs.createNewProjectFromTemplate",
      "commandId": "python-envs.createNewProjectFromTemplate",
      "args": ["python-package", "true", "New Package Name", "/path/to/new/project"]
    }
    

Thêm skills từ microsoft

oss-growth
microsoft
Cá tính tăng trưởng OSS
official
accessibility-aria-expert
microsoft
Phát hiện và sửa các vấn đề về khả năng tiếp cận trong giao diện web React/Fluent UI. Sử dụng khi xem xét mã để đảm bảo tương thích với trình đọc màn hình, sửa nhãn ARIA, đảm bảo…
official
generate-canvas-app
microsoft
[DEPRECATED — sử dụng canvas-app thay thế] Tạo một ứng dụng canvas Power Apps hoàn chỉnh.
official
django
microsoft
Các phương pháp tốt nhất cho phát triển web Django bao gồm models, views, templates và testing.
official
github-issue-creator
microsoft
Chuyển đổi ghi chú thô, nhật ký lỗi, ghi âm giọng nói hoặc ảnh chụp màn hình thành báo cáo vấn đề markdown sắc nét theo phong cách GitHub. Sử dụng khi người dùng dán thông tin lỗi, lỗi…
official
python-package-management
microsoft
Sử dụng uv để quản lý phụ thuộc và poethepoet để tự động hóa tác vụ.
official
runtime-validation
microsoft
Xác thực thời gian chạy cho các ứng dụng đã di chuyển — bao gồm chiến lược kiểm thử (giai đoạn lập kế hoạch) và thực thi kiểm thử (giai đoạn xác thực): xác minh khởi động,…
official
azure-postgres-ts
microsoft
Kết nối đến Azure Database for PostgreSQL Flexible Server bằng gói pg (node-postgres) với hỗ trợ xác thực mật khẩu và Microsoft Entra ID (không mật khẩu).
official