十分钟实现自己动手写一个vscode插件，实现插件自由！_vscode插件怎么写

最新推荐文章于 2024-10-07 14:10:44 发布

2401_85013955

最新推荐文章于 2024-10-07 14:10:44 发布

阅读量715

点赞数 4

分类专栏：程序员文章标签：物联网嵌入式硬件学习

本文链接：https://blog.csdn.net/2401_85013955/article/details/138880952

版权

程序员专栏收录该内容

19 篇文章 0 订阅

订阅专栏

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上物联网嵌入式知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新

如果你需要这些资料，可以戳这里获取

3、目录说明
在这里插入图片描述
4、结果展示

项目按F5或者vscode菜单栏：“运行–启动调试”，之后会开启一个新的工作区窗口
快捷键Ctrl+shift+p，输入hello word,就会弹出对应的内容

在这里插入图片描述

三、修改代码，做一个统计选择代码的字符数

1、在package.json中添加相关代码
在这里插入图片描述
2、在extension.js文件中添加相关代码

3、外部文件wordCounter.js文件

class WordCounter {
    constructor(\_vscode) { 
    	//构造函数，传入vscode对象
        this.vscode = _vscode;
        this.init();
    }

    init() { //初始化
        var vscode = this.vscode;
        var StatusBarAlignment = vscode.StatusBarAlignment;
        var window = this.vscode.window;

        //statusBar，是需要手动释放的
        this.statusBar = window.createStatusBarItem(StatusBarAlignment.Left);

        //跟注册事件相配合的数组，事件的注册，也是需要释放的
        var disposable = [];
        //事件在注册的时候，会自动填充一个回调的dispose到数组
        window.onDidChangeTextEditorSelection(this.updateText, this, disposable);

        //保存需要释放的资源
        this.disposable = vscode.Disposable.from(disposable);

        this.updateText();
        this.statusBar.show();
    }

    updateText() { 
        var window = this.vscode.window;
        this.editor = window.activeTextEditor;
        var content = this.editor.document.getText();
        var len = content.replace(/[\r\n\s]+/g, '').length;
        this.statusBar.text = `已经敲了${len}个字符了`;
    }

    dispose() { //实现dispose方法
        this.disposable.dispose();
        this.statusBar.dispose();
    }
}

module.exports = WordCounter;

收集整理了一份《2024年最新物联网嵌入式全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升的朋友。