vscode插件开发（1）-yeoman下载安装

最新推荐文章于 2023-10-10 14:10:02 发布
最新推荐文章于 2023-10-10 14:10:02 发布
阅读量658 收藏 3
点赞数
文章标签： js node.js javascript 前端 npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/suwanqing_su/article/details/105862118
版权
本文介绍了如何使用yeoman工具快速搭建VSCode插件。VSCode基于Electron和node.js，插件运行在独立的node.js进程中。开发插件时，它是一个node.js应用，能直接调用VS Code API。yeoman提供了多种类型的模板，如TypeScript或JavaScript插件、主题、语言支持等，帮助开发者便捷地创建新项目。
摘要由CSDN通过智能技术生成

vscode 是通过Electron实现跨平台的，而Electron则是基于Chromium和node.js，vscode界面，就是通过Chromium进行渲染的，同时，vscode是多进程架构，当vscode第一次被启动时会创建一个主进程，每个窗口，都会创建一个渲染进程，榆次同时，vscode会为每个窗口创建一个进程专门来执行插件，即Extension Host
除了以上三个主要的进程之外，还有两种特殊的进程，第一种是调试进程vscode为调试窗口创建了Debug Adaper，进程，渲染进程会通过VS code Debug Protocol和Debug Adapter进程通讯，第二种则是Language Server

VS code创建Extension Host进程的方式，就是创建一个新的Electron进程，并且以node.js的形式运行，也就是说，这个进程就是一个完整的node.js进程

开发vscode插件的时候：

  • 插件就是一个node.js应用
  • 在应用中，可以直接访问VS code的API，通过API操作VS code
  • 每当打开一个窗口，VS code就会为这个窗口创建插件进程，并且按需要激活插件，同一时间，开发的插件代码有可能被多次运行

vscode是居于electron，前端这里不需要考虑兼容写法

vscode构建扩展

确保已经安装node.js和git࿰

最低0.47元/天 解锁文章
快说我是谁！
关注
【VS Code插件开发】入门篇（一）
编码世界
07-31 7万+
讲解了VS Code插件入门开发，讲解了项目的搭建、测试、打包、发布等一系列流程
vscode插件开发
最新发布
王铁柱666的博客
10-07 378
VSCode插件开发是一个涉及多个步骤的过程，从环境准备到插件发布，每个步骤都需要细致的操作和一定的技术知识。
yeoman-frontend:Yeoman-Frontend是一个Grails插件，用于管理和处理与Yeoman开发的前端。 该插件在Grails后端应用程序的开发过程中将前端（保留Yeoman的目录结构）与Grails Web容器集成在一起； 在Grails应用程序的部署过程中，它将前端组装到Web应用程序存档（WAR）文件中
05-23
Grails Yeoman-Frontend插件 概述 Yeoman-Frontend是一个Grails插件，用于管理和处理与Yeoman开发的前端。 该插件在Grails后端应用程序的开发过程中将前端（保留Yeoman的目录结构）与Grails Web容器集成在一起； 在Grails应用程序的部署过程中，它将前端组装到Web应用程序存档（WAR）文件中。 安装 依赖关系： runtime " :yeoman-frontend:0.3 " 问题 请注意此Grails错误 ; 必须调用事件eventConfigureTomcat才能在Grails开发模式下运行插件。 文献资料 最新版本：2015年7月4日 0.3-使该插件可与Grails 2.5.0一起使用 0.2-版本0.1已使用无效的POM文件发布到Grails存储库； 参见
VS Code安装yo(Yeoman) 插件下载.net core 模版代码开发
weixin_30954607的博客
09-07 296
在安装插件以前，请看插件地址的相关依赖 Pre-requirements [Node.js] (https://nodejs.org) [npm] (https://www.npmjs.com) [Yeoman] (http://yeoman.io) AYeoman generatorof choice 主要过程： 1.VS Code 安装yo 插件 ext ...
Yeoman 安装和创建一个vscode插件项目
m0_59324006的博客
03-30 455
使用yeoman初始化一个,vscode 插件项目步骤： 1. 在命令行中： npm install -g yo generator-code 2.在创建项目的目标文件夹 yo code 3.选择项目配置 运行之后就会出现一个文件夹项目，在vscode中 F5 运行 插件 YeaMan 官网：The web's scaffolding tool for modern webapps | Yeoman 参考：VSCode插件开发全攻略（二）HelloWord - 我是小茗同学...
Yeoman官网新手教程:第二章 下载Yeoman生成器
Jax2000的博客
04-08 848
在传统的web开发流程,我们需要花费大量的时间去生成我们的样板文件,比如说下载各种依赖的类库,手动的构建项目文件结构等.而Yeoman存在的意义就是让我们从这些繁琐的操作解脱出来!假设现在我们要做一个Angular项目,那我们要先下载一个Angular的生成器! 下载一个AngularJS项目的生成器 我们可以用npm命令去下载Yeoman的生成器,现在Yeoman有超过1000个可用的生成器
【vscode】vscode插件制作学习（一）
不忘初心，坚定道路！
12-03 838
前言 最近顺带玩玩制作vscode插件。 学习资料 官方文档：https://code.visualstudio.com/api 官方示例仓库：https://github.com/microsoft/vscode-extension-samples 微软官方插件制作文档还有视频，可以说相当6了。 制作第一个扩展插件 我们首先制作第一个插件玩玩，就是console.log。 什么功能呢，就是右键会有个面板，按一下就能打出console.log，选中某个词，然后输入快捷键或者右键就能快速输出cons
vscode插件vscode插件
01-04
1. **环境配置**：首先，你需要安装Node.js，因为VSCode插件基于Node.js的生态系统。然后，使用`yo code`命令（yo是Yeoman生成器，code是VSCode的插件生成器）创建一个新的插件项目结构。 2. **插件结构**：一个...
VSCode 插件开发入门
小妖666个人笔记
12-12 1235
官方文档 安装Yeoman 和 VS Code Extension Generator npm install -g yo generator-code 执行命令：yo code 根据提示输入信息，然后一路回车即可。 生成的目录如下： 执行：npm run compile 我的本地环境会报错，提示一些找不包的错误，比如：Cannot find module 'import-local' 安装：cnpm install import-local v8-compile-cacheyar.
手把手教你写一个 VSCode 插件
weixin_34067980的博客
03-24 2695
前言 团队的新项目整体采用 vh, vw 单位, 眼见团队成员默默调出了计算器... 我想我应该做点什么 考虑到团队整体使用 VSCode 编辑器,于是这个插件诞生了. 项目搭建 yeoman / VS Code Extension Generator VSCode 官方推荐使用 yeoman 和 VS Code Extension Generator 搭建项目 // 安装 yeoman ...
yeoman.github.io, Yeoman网站.zip
09-18
yeoman.github.io, Yeoman网站 Yeoman.io Yeoman.io 电子邮件站点 ！如果你对 Yeoman.io 网站有问题或者贡献，那么这里就是 ！ 如果你想提交有关文书代码或者工作流的问题，请访问文书/文书库管理单元。这个站点是用 和生成器jeky
yeoman：Yeoman-一套用于自动化开发工作流程的工具
02-18
欢迎朋友！ Yeoman是一组功能强大且自以为是的工具，库和工作流，可帮助开发人员快速构建美观，引人注目的Web应用程序。 行为守则 请该社区中的每个人（从核心成员到随机提交者和志愿者）都请按照《约曼社区贡献者行为准则》行事。 我们鼓励您遵循这些社会规则，这些规则有助于指导我们彼此之间的互动，并确保我们为所有人提供安全的环境。 我们旨在使Yeoman成为一个积极，欢迎，开放和包容的项目和社区。 提交问题 打开之前，请确保您已阅读。 Yeoman由许多不同的子项目组成，其中大多数都有自己的专用存储库。 如果您正在寻找特定作品的仓库，则可以在页面上找到它。 功能要求 功能请求应提交给相关。 如果不确定，请提交给 ，否则，可以在找到我们官方维护的发电机的存储库。 贡献 见 支持 请问你需要帮忙或者有任何疑问吗？ 请不要将问题跟踪器用于支持/问题。 链接 团队 这些人和一群很棒的精心打造了Ye
generator-jade-preview:一个 Yeoman 生成器，用于为显示源和优化的 dist 的静态创建预览环境
07-13
发电机-玉-预览 生成器 入门 什么是约曼？ 套路问题。 这不是一回事。 是这个人： 基本上，他戴着大礼帽，住在你的电脑里，等着你告诉他你想创建什么样的应用程序。 并非每台新计算机都预装了 Yeoman。 他住在包存储库中。 你只需要问他一次，然后他就收拾东西搬进你的硬盘。 确保你清理干净，他喜欢新的和闪亮的东西。 npm install -g yo 自耕农发电机 约曼轻装上阵。 他搬进来的时候没有打包任何发电机。你可以把发电机想象成一个插件。 您可以选择要创建的应用程序类型，例如 Backbone 应用程序甚至 Chrome 扩展程序。 要从 npm 安装 generator-jade-preview，请运行： npm install -g generator-jade-preview 最后，启动生成器： yo jade-preview 认识约曼 约曼有一颗金子般的心。
yeoman的安装和使用
php小松
06-08 1379
之前用过yeoman最近忘了怎么使用了，于是决定写这篇文章 yeoman是能够快速生成项目结构，快速构建项目 安装yeoman之前要先安装nodejs 什么是nodejs nodejs linux下安装 用npm安装yeoman，如果npm慢的话可以查看文章 npm换镜像 当然也可以使用淘宝的cnpm http://npm.taobao.org/ 网页上怎么设置成cnpm已经讲的很详细了，我就不
VSCode插件开发概述
m0_52942098的博客
10-10 251
vscode是微软推出的一款轻量级代码编辑器，在使用的时候总会需要安装一些插件去协助我们进行开发，这些插件就是利用 vscode 开放的一些 API 的基础上进行扩展功能的开发，从而解决开发中的一些问题，提高生产效率。
Yeoman
lin_fightin的博客
05-04 651
Yeoman yeoman官网 Yeoman 是一个通用的脚手架系统允许创建任何的 app 。它可以迅速的搭建一个新项目，并且能够简化了现有项目的维护。 使用步骤： 1 明确需求 ( npm i -g Yo) 2 找到合适的Generator 3 全局范围安装Generator (npm i -g generator-node) 4 通过Yo 运行对应的Generator( Yo node) 5 通过命令行交互填写选项、 6 生成项目结构 自定义Generator Generator实际上就是一个
yeoman
小白努力走
09-21 1101
在安装Yeoman之前，你需要确认以下配置： Node.js 版本在0.10以上 npm 版本在1.3.7以上 使用：yo –version && bower –version && grunt –version检查是不是所有东西都已经安装好了，Yeoman、Bower、Grunt、Grunt CLI（Grunt的命令行界面）版本号依次被打印。安装Yeoman生成器 sudo npm ins
vscode 插件开发
04-04
VSCode插件开发是一种扩展VSCode编辑器功能的方式，可以为用户提供更多的定制化选项和实用的工具。插件可以添加新的命令、编辑器功能和语法高亮等。以下是VSCode插件开发的一些基本知识： 1. 编写插件需要使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值