VS Code插件開發(fā)介紹（二）

muddyway 發(fā)布于2019-08-23 14:21 / 2549人閱讀

摘要：一前言在上一篇文章里，我簡(jiǎn)要介紹了插件開發(fā)的基本流程，同時(shí)講解了如何獲取文件夾絕對(duì)路徑和用戶輸入的方法。了一圈，發(fā)現(xiàn)介紹這方面的文章很少，特此記錄一下，希望對(duì)有類似需求的人有一些幫助。

一、前言

在上一篇文章里，我簡(jiǎn)要介紹了 VSCode 插件開發(fā)的基本流程，同時(shí)講解了如何獲取文件夾絕對(duì)路徑和用戶輸入的方法。最近又開發(fā)了一個(gè)新的插件，主要用途是替換當(dāng)前編輯文件的內(nèi)容。google 了一圈，發(fā)現(xiàn)介紹這方面的文章很少，特此記錄一下，希望對(duì)有類似需求的人有一些幫助。

二、需求

需求很簡(jiǎn)單，我需要將下面文件的內(nèi)容：

export default {
    add_member#
    manage_member_card#
    member_setting#
    search_member#
    edit_member#
    delete_member#
    assign_consultant#
    add_member_tag#
    import_member#
    modify_member_point#
};

替換為：

export default {
    add_member: "ce0",
    manage_member_card: "ce1",
    member_setting: "ce2",
    search_member: "ce3",
    edit_member: "ce4",
    delete_member: "ce5",
    assign_consultant: "ce6",
    add_member_tag: "ce7",
    import_member: "ce8",
    modify_member_point: "ce9",
};

可以理解為一個(gè)簡(jiǎn)單的自動(dòng)化編號(hào)工具。其中要解決的問(wèn)題主要有下面三個(gè)：

獲取當(dāng)前文件路徑

讀取文件內(nèi)容

寫文件內(nèi)容

下面介紹如何實(shí)現(xiàn)。

三、實(shí)現(xiàn)

開始以為 VSCode 有現(xiàn)成的 API 可以取到當(dāng)前文件內(nèi)容，但找了一圈搜不到，只能通過(guò)迂回的方式實(shí)現(xiàn)。

第一步，獲取當(dāng)前文件的路徑：

const currentlyOpenTabfilePath = vscode.window.activeTextEditor.document.fileName;

第二步，讀取文件內(nèi)容，并拆分為數(shù)組

const fs = require("fs");

const fileContentArr = fs.readFileSync(currentlyOpenTabfilePath, "utf8").split(/
?
/);

第三步，寫文件。由于沒(méi)法逐行替換文件內(nèi)容，只能現(xiàn)將原來(lái)的文件清空，再一行一行添加回去。

fs.truncateSync(currentlyOpenTabfilePath);

fileContentArr.forEach( (line, index) => {
    let content = line;
    if (line.slice(-1) == "#") {
        content = xxxxx;
    } 

    fs.appendFileSync(currentlyOpenTabfilePath, content + ((index == contentLength - 1) ? "" : "
"));
})

四、總結(jié)

其實(shí)這個(gè)需求實(shí)現(xiàn)起來(lái)還是蠻簡(jiǎn)單的，主要是要根據(jù) VSCode 的特點(diǎn)將思路理順，再一步步實(shí)現(xiàn)。如果有更好的實(shí)現(xiàn)方式，請(qǐng)務(wù)必留言給我