資訊專欄INFORMATION COLUMN
摘要：一前言在上一篇文章里，我簡要介紹了插件開發(fā)的基本流程，同時講解了如何獲取文件夾絕對路徑和用戶輸入的方法。了一圈，發(fā)現(xiàn)介紹這方面的文章很少，特此記錄一下，希望對有類似需求的人有一些幫助。
一、前言
在上一篇文章里，我簡要介紹了 VSCode 插件開發(fā)的基本流程，同時講解了如何獲取文件夾絕對路徑和用戶輸入的方法。最近又開發(fā)了一個新的插件，主要用途是替換當前編輯文件的內(nèi)容。google 了一圈，發(fā)現(xià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",
};
可以理解為一個簡單的自動化編號工具。其中要解決的問題主要有下面三個：
獲取當前文件路徑
讀取文件內(nèi)容
寫文件內(nèi)容
下面介紹如何實現(xiàn)。
三、實現(xiàn)
開始以為 VSCode 有現(xiàn)成的 API 可以取到當前文件內(nèi)容，但找了一圈搜不到，只能通過迂回的方式實現(xiàn)。
第一步，獲取當前文件的路徑：
const currentlyOpenTabfilePath = vscode.window.activeTextEditor.document.fileName;
第二步，讀取文件內(nèi)容，并拆分為數(shù)組
const fs = require("fs");
const fileContentArr = fs.readFileSync(currentlyOpenTabfilePath, "utf8").split(/
?
/);
第三步，寫文件。由于沒法逐行替換文件內(nèi)容，只能現(xiàn)將原來的文件清空，再一行一行添加回去。
fs.truncateSync(currentlyOpenTabfilePath);
fileContentArr.forEach( (line, index) => {
let content = line;
if (line.slice(-1) == "#") {
content = xxxxx;
}
fs.appendFileSync(currentlyOpenTabfilePath, content + ((index == contentLength - 1) ? "" : "
"));
})
四、總結
其實這個需求實現(xiàn)起來還是蠻簡單的，主要是要根據(jù) VSCode 的特點將思路理順，再一步步實現(xiàn)。如果有更好的實現(xiàn)方式，請務必留言給我
文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://www.ezyhdfw.cn/yun/100489.html
摘要：發(fā)布插件插件開發(fā)完后就可以發(fā)布了，需要安裝安裝完后，需要去注冊并生成一個。總結本文介紹了插件開發(fā)的基本流程，實現(xiàn)了一個簡單的插件。更多的開發(fā)技巧，可以看這個系列的第二篇插件開發(fā)介紹二 前言 前段時間做了一個基于命令行的效率工具，可以自動生成組件的模板代碼。自己用起來還覺得挺好，但在組內(nèi)案例幾次后大家都不愿意用，究其原因還是命令行工具使用起來門檻有點高，不方便。由于組內(nèi)已經(jīng)統(tǒng)一使用VS ...
摘要：插件的詳細介紹由于越來越卡，有時敲一個回車都要一秒，實在是受不了，繼而轉向，用了一段時間發(fā)現(xiàn)在前端開發(fā)并不比差，而且又是微軟開發(fā)，感覺很有前途，最重要的是，打開速度非?？?，即使打開大文件，也不會卡。 vs code Settings Sync 插件的詳細介紹 由于webstorm越來越卡，有時敲一個回車都要一秒，實在是受不了，繼而轉向vs code，用了一段時間發(fā)現(xiàn)vs code在前端...
摘要：插件折騰記一接上文更新一個可以更好的區(qū)分代碼嵌套關系的插件使用相同的顏色標識匹配同一組括號允許窺視與類字符串作為從文件到相應的定義，功能十分強大內(nèi)聯(lián)加載文件并在那里進行快速編輯直接跳轉到文件或在新編輯器中打開它用鼠標懸停在符號上顯示定義搜索 vs code 插件折騰記（一）接上文更新 6.Bracket Pair Colorizer showImg(https://segmentfa...
摘要：插件折騰記一接上文更新一個可以更好的區(qū)分代碼嵌套關系的插件使用相同的顏色標識匹配同一組括號允許窺視與類字符串作為從文件到相應的定義，功能十分強大內(nèi)聯(lián)加載文件并在那里進行快速編輯直接跳轉到文件或在新編輯器中打開它用鼠標懸停在符號上顯示定義搜索 vs code 插件折騰記（一）接上文更新 6.Bracket Pair Colorizer showImg(https://segmentfa...
閱讀 2443·2021-11-18 10:07
閱讀 2390·2021-09-22 15:59
閱讀 3149·2021-08-23 09:42
閱讀 2361·2019-08-30 15:44
閱讀 1251·2019-08-29 15:06
閱讀 2420·2019-08-29 13:27
閱讀 1289·2019-08-29 13:21
閱讀 1510·2019-08-29 13:13
