深入讲解VsCode各场景高级调试与使用技巧 代码编写效率提升2倍

csdn   发布时间:2023-12-22 12:01:52   作者:小明的学习圈子   我要评论
VSCode是一款开源免费的跨平台文本编辑器,它的可扩展性和丰富的功能使得它成为了许多程序员的首选编辑器,在本文中,我将分享一些VSCode的使用技巧,帮助您更高效地使用它

TS中还可以提取接口等等

补充:VsCode扩展插件开发

VsCode扩展插件可以做什么事情?

  • 定制主题、文件图标
  • 扩展工作台功能
  • 创建webView
  • 自定义新的语言提示
  • 支持调试特定的runtime

基于Yeoman快速开发VsCode插件,步骤如下:

安装Yeoman和用于生成模板的插件VS Code Extension Generator

# 终端运行,主要node版本需要12及以上,node10会安装报错
npm i -g yo generator-code
复制代码

运行yo code创建命令,选择要生成的项目模板。这里演示New extension

根据提示依次选择

生成的内容如下

F5生成编译项目,此时会自动打开一个新窗口在新窗口按Ctrl+Shfit+P,输入Hello World命令

此时会弹出一个弹窗的效果

至此,一个最简单的插件就完成了

相关文章

最新评论