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

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_28474981/article/details/86604459
今日推荐