首页 > 其他分享 >【保姆级VSCode 插件开发之环境搭建】

【保姆级VSCode 插件开发之环境搭建】

时间:2024-09-01 15:24:09浏览次数:9  
标签:Node 插件 VSCode JavaScript js 开发 搭建

保姆级VSCode 插件开发

第一章 VSCode 插件开发入门之环境搭建


文章目录


前言

本篇文章主要介绍VSCode插件开发环境的搭建,并创建你的第一个插件项目"HelloWorld"来熟悉具体的流程,并说明常见的问题和解决方法。


一、准备开发环境

  • 第一步:请先安装好Node.jsgit
    • Node.js: 一个强大的 JavaScript 运行时环境,允许开发者在服务器端编写 JavaScript 代码,而TypeScript 是 JavaScript 的超集,Node.js 可以直接运行编译后的 TypeScript 代码。(JavaScript和TypeScript 只是一种编程语言而已)
    • nmp: (Node Package Manager) 是 Node.js 的包管理工具。它用于管理 JavaScript 代码的包(库和模块)。安装 Node.js 时,npm 也会被自动安装
  • 第二步:利用nmp 命令安装脚手架 YeomanVSCode Extension Generator
    • cmd 中执行命令:cnpm install -g yo generator-code
    • Yeoman : 一个强大的脚手架工具,通过使用生成器,可以快速生成一个项目的基本结构和文件。不用从零开始搭建了,简化了项目的创建和管理过程。
    • git :版本管理工具,非必需。

至此,环境准备完毕。接下来,我们就可以利用Yeoman 脚手架快速生成我们的第一个Hello World插件项目了。


总结

以上就是今天要讲的内容,本文仅仅简单介绍了VSCode插件开发环境的搭建。下一次介绍基本项目的创建,调试,打包和发布。

标签:Node,插件,VSCode,JavaScript,js,开发,搭建
From: https://blog.csdn.net/XWWW668899/article/details/141756374

相关文章

  • 【保姆级VSCode 插件开发之第一个插件项目常见问题】
    保姆级VSCode插件开发第一章VSCode插件开发入门之第一个插件项目常见问题文章目录保姆级VSCode插件开发前言一、HelloWorld插件项目常见问题和解决方案1.常见问题2.解决方法2.1针对当我们输入Ctrl+Shift+P找不到HelloWorld命令的问题2.2找到HelloWorld......
  • [苍穹外卖]-01项目搭建
    整体介绍1.软件开发流程需求分析->需求文档,产品原型设计->UI设计,数据库设计,接口设计编码->项目代码,单元测试测试->测试用例,测试报告上线运维->软件环境安装,配置2.角色分工项目经理->任务分配,进度控制产品经理->进行需求调研,输出需求文档,产品原......
  • [图文直播]搭建Zfile私有网盘
    特别提醒部署好后,发现还需要借助外部存储源,而且暂时还没有增加对FTP的支持,那就意味着即便我搭建私有FTP,也暂时无法实现真正的私有网盘。暂时不符合我的要求,仅记录。前言以下是ZFile的官网,上面也涉及到了搭建方法https://docs.zfile.vip/install/os-windows此次仅记录本人按照......
  • 一键下载微博美图,‌这款浏览器插件让你轻松拥有!‌
    300.一键下载微博图片和视频偶尔在逛微博的时候,会遇到一些不错的照片,会想要保存下。但逐个保存太麻烦了,因此在Chrome插件商店搜了下,还真有一个能一键下载的插件,来分享一波。插件地址:https://chrome.google.com/webstore/detail/bkgglniclcgkendelemfbgganhojjknh​‍‍安......
  • 博客园-awescnb插件-geek皮肤优化-目录优化
    ......
  • 博客园-awescnb插件-geek皮肤优化-目录优化
    ......
  • 【STM32开发指南】手把手带你从零开始搭建工程(HAL库版)
    【前言】STM32微控制器因其高性能、低功耗和丰富的外设资源,在嵌入式系统开发中得到了广泛应用。在开发STM32项目时,创建工程是第一步,也是至关重要的一步。【STM32开发指南】手把手带你从零开始搭建工程(标准库版)_stm32开发教程-CSDN博客文章浏览阅读1.5k次,点赞40次,收藏30次。本......
  • 搭建博客
    Hexo+Git安装Hexohexo文档1.先行条件安装以下应用程序Node.jsGit检验是否安装成功win+r输入cmd进入终端出现版本号即安装成功2.镜像安装Hexo进入npm镜像站在终端输入npminstall-gcnpm--registry=https://registry.npmmirror.comcnpminstall-ghexo-cli效......
  • 搭建一个简单的购物车应用
    欢迎大家订阅【Vue2+Vue3】入门到实践专栏,开启你的Vue学习之旅!文章目录前言一、渲染功能二、删除功能三、修改功能四、全选反选五、统计价格及数量六、完整代码前言本篇文章详细讲解了如何搭建一个简单的购物车应用,展示了购物车的基本功能,包括商品列......
  • 【保姆级VSCode 插件开发之创建第一个插件项目】
    保姆级VSCode插件开发第一章VSCode插件开发入门之创建第一个插件项目文章目录保姆级VSCode插件开发前言一、创建HelloWorld插件项目1.创建项目2.VSCode打开项目2.1项目目录结构:总结前言本篇文章主要介绍如何创建你的第一个VSCode插件项目"HelloWorld",来......