【保姆级VSCode 插件开发之创建第一个插件项目】

保姆级VSCode 插件开发

第一章 VSCode 插件开发入门之创建第一个插件项目

文章目录

• 保姆级VSCode 插件开发
• 前言
• 一、创建HelloWorld 插件项目
• • 1. 创建项目
  • 2.VSCode打开项目
  • • 2.1 项目目录结构：
• 总结

前言

本篇文章主要介绍如何创建你的第一个VSCode插件项目"HelloWorld"，来熟悉具体的流程。此篇的前提是根据上一篇文章VSCode插件的环境搭建，安装好node.js和Yeoman脚手架。

一、创建HelloWorld 插件项目

1. 创建项目

在cmd中执行命令：

yo code

• 选择第一个 New Extension (TypeScript)，回车
  只要填好name 和 identifier，其他默认回车即可：

• 生成完成后，回车即可在VSCode中打开项目：
  

2.VSCode打开项目

2.1 项目目录结构：

• package.json：插件的元数据和依赖项。
• src/extension.ts（或 .js）：插件的主入口文件，定义插件的激活函数和核心逻辑。
• README.md：插件的说明文档。
• vsc-extension-quickstart.md：快速入门指南。
• tsconfig.json（如果使用 TypeScript）：TypeScript 编译配置。
• .vscode 文件夹（可能包含 launch.json 和 tasks.json）：调试和构建配置。

总结

以上就是今天要讲的内容，赶紧动手操作一下创建项目的基本流程。