VSCode插件开发之安装

1.环境

操作系统:Windows 10
VSCode版本: v1.30.2
npm版本:v6.4.1

2.具体操作

2.1 打开命令行

使用 Ctrl +R 唤出
运行窗口

在打开一栏输入cmd,确定后就会打开命令行
在这里插入图片描述

2.2 使用npm下载代码生成器

首先输入

npm --version

确定是否已经安装npm,若已经安装,会出现对应的版本号
在这里插入图片描述

确定安装好后,输入

npm install -g yo generator-code

在这里插入图片描述

2.3使用yo生成HelloWorld

输入

yo code

在这里插入图片描述

默认是ts语言创建

回车后会出现一些需要输入的东西

? What type of extension do you want to create? New Extension (TypeScript)
? What’s the name of your extension? Sample
? What’s the identifier of your extension? sample
? What’s the description of your extension?
? Enable stricter TypeScript checking in ‘tsconfig.json’? Yes
? Setup linting using ‘tslint’? Yes
? Initialize a git repository? No
? Which package manager to use? npm

上面分别代表着:
1.语言
2.名称
3.认证名
4.描述信息
5.是否使用严格模式
6.是否使用tslint
7.是否自动创建git库
8.使用哪一种管理器管理包

输入好后会将文件创建在你运行的目录下
在这里插入图片描述

2.4 使用VSCode运行插件工程

使用打开文件夹打开工程
在这里插入图片描述

在这里插入图片描述

快捷键F5 运行

运行后会出现一个新的窗口
在这里插入图片描述

可以使用Ctrl+P唤出输入框
并输入

> Hello World

在这里插入图片描述

敲击回车后会在调试的命令行中输出成功的log

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值