Table des matières
pাঠনের সময় : 8 minutes

কেন VS Code ইন্সটল করা arasında`/opt`অথবা মাধ্যমে`apt`কখনও কিবোর্ড ছুঁয় না করে নিজের বাড়িতে এটি রাখতে এবং নিজের IDE-কে খেলার মাঠে পরিণত করতে পারা`sudo`? এখানে একটি স্থানীয় ইনস্টলেশনের কাহিনী এবং তারপরে মেনু ও ফাইল এক্সপ্লোরারের ফন্ট প্রস্তুত করার জন্য একটি দরকারী লড়াইয়ের বর্ণনা দেওয়া হল।

টক

[]

পথের ওভারভিউ

Failed to generate image: PlantUML preprocessing failed: [From <input> (line 6) ]

@startuml
skinparam backgroundColor #FEFEFE
skinparam componentStyle rectangle

actor Développeur as dev
actor "opencode
^^^^^
 Syntax Error? (Assumed diagram type: sequence)

@startuml
skinparam backgroundColor #FEFEFE
skinparam componentStyle rectangle

actor Développeur as dev
actor "opencode
+ LLM" as agent

package "হোম ব্যবহারকারী (~)" #LightGreen {
    package "~/apps/" {
        component "VS Code\n(টারবাল)" as vscode #SkyBlue
        component "vscode-update.sh" as script #LightYellow
    }
    package "~/.config/Code/" {
        component "settings.json" as settings #Lavender
    }
    package "~/.vscode-custom-css/" {
        component "custom.css
(zoom: 1.25)" as customcss #Lavender
    }
}

cloud "code.visualstudio.com" as download

dev --> vscode : Télécharge & installe
dev --> script : Lance mise à jour
script --> download : wget dernière version
script --> vscode : Remplace + re-patch CSS
agent --> settings : Écrit config
agent --> customcss : Écrit zoom CSS
agent --> vscode : Patch workbench CSS

note right of vscode
  Installation dans le home
  = contrôle total sans sudo
end note
@enduml

কেন : VS Code হোমে

সিস্টেম ইনস্টলেশনের সমস্যা

VS Code ইনস্টল করা হয়েছে</tool_call> মাধ্যমে`apt`, dnf`বা midpoint/opt`verrouille les fichiers de l’application derrière les droits root. Toute modification du CSS natif, de becomes

এটিঅ্যাপ্লিকেশনের ফাইলগুলোকে রুট অধিকার সীমাবদ্ধতার পিছনে লকে। ব্রাউজারের নেটিভ CSS-এ যেকোনো পরিবর্তন,product.json`অথবা ইনস্টলেশনের ফোল্ডার প্রয়োজন`sudo.

তবে, ব্যাবহারের সময়opencode(tool CLI দিয়ে কোডে LLM নিয়ন্ত্রণ করতে), এজেন্টের প্রয়োজন হল :

  • কনফিগারেশন ফাইলে লিখুন`~/.config/Code/User/settings.json`) — এইটি, এটি ইতিমধ্যে হোমে আছে

  • আইডিইয়ের অ্যাসেটগুলো পরিবর্তন করুন (workbenchের CSS,product.json) উন্নত কাস্টমাইজেশনের জন্য — এটি, ` sudo` ছাড়া ব্লক করা হয়েছে

সমাধান : একটি স্থানীয় ইনস্টলেশন

অফিশিয়াল টারবল আর্কাইভ ডাউনলোড করা হয় এবং এটি ডিকম্প্রেস করা হয় সরাসরি মধ্যে`~/apps/`:

mkdir -p ~/apps
cd ~/apps
wget "https://code.visualstudio.com/sha/download?build=stable&os=linux-x64" -O vscode.tar.gz
tar -xzf vscode.tar.gz
rm vscode.tar.gz

বাইনারি তারপরে এ অবস্থিত`~/apps/VSCode-linux-x64/bin/code`। না`sudo`প্রয়োজন নেই যেকোনো ফাইল পড়ার, পরিবর্তন করার বা প্রতিস্থাপনের জন্য নিচে`~/apps/VSCode-linux-x64/`.

বাস্তব সুবিধা

Failed to generate image: PlantUML preprocessing failed: [From <input> (line 5) ]

@startuml
skinparam backgroundColor #FEFEFE

rectangle "সিস্টেম ইনস্টলেশন
(/opt, apt, dnf)" #LightCoral {
^^^^^
 Syntax Error? (Assumed diagram type: activity)

@startuml
skinparam backgroundColor #FEFEFE

rectangle "সিস্টেম ইনস্টলেশন
(/opt, apt, dnf)" #LightCoral {
    card "VS Code রুটের সম্পত্তি" {
        [CSS du workbench : sudo requis]
        [product.json : sudo requis]
        [Dossier d'install : non modifiable]
    }
}

rectangle "ইনস্টলেশন হোম
(~/apps)" #LightGreen {
    card "VS Code ব্যবহারকারীর সম্পত্তি" {
        [CSS du workbench : libre]
        [product.json : libre]
        [Dossier d'install : libre]
        [Script update maison]
    }
}

"সিস্টেম ইনস্টলেশন
(/opt, apt, dnf)" -right-> "ইনস্টলেশন হোম
(~/apps)" : **Non, merci**\nJe prends le home

note bottom of "ইনস্টলেশন হোম
(~/apps)"
  L'agent opencode+LLM peut
  modifier les fichiers de l'IDE
  sans aucune élévation de privilèges
end note
@enduml
প্রয়োজন বিবরণ

sudo না

IDE-এর সব ফাইল ব্যবহারকারীর মালিকানাধীন।

CSS-এর সরাসরি পরিবর্তন

আমরা প্যাচ করতে পারি`workbench.desktop.main.css`অনুমোদন উন্নতি ছাড়া

বাড়ির আপডেট স্ক্রিপ্ট

একটি সাধারণ শেল স্ক্রিপ্ট স্বয়ংক্রিয়ভাবে ডাউনলোড, প্রতিস্থাপন এবং পুনরায় প্যাচ করে

আলগা

সিস্টেম ইনস্টলেশন দূষিত নয় ; রোলব্যাক = ফোল্ডারটি মুছুন

প্রধান মেনু ফন্ট কাস্টমাইজ করুন

নিষ্পত্তি

ডিফল্ট ফন্ট প্রধান মেনু (File, Edit, View…​) এবং dropdowns খুব ছোট। VS Code কোনো সেটিংস অফার না করে যastore এটি পরিবর্তন করা যায়।

প্রযুক্তি : সরাসরি CSS প্যাচ

ফাইলের শেষে CSS যোগ করা হয়`workbench.desktop.main.css`:

Failed to generate image: PlantUML preprocessing failed: [From <input> (line 6) ]

@startuml
skinparam backgroundColor #FEFEFE
autonumber

actor Développeur as dev
participant "workbench.desktop
^^^^^
 Syntax Error? (Assumed diagram type: sequence)

@startuml
skinparam backgroundColor #FEFEFE
autonumber

actor Développeur as dev
participant "workbench.desktop
.main.css" as css
participant "product.json" as product
participant "VS কোড" as vscode

== Patch CSS ==
dev -> css : Ajouter règles font-size\n(.menubar-menu-title, etc.)
dev -> vscode : Redémarrer VS Code
vscode -> vscode : Charge le CSS patché
vscode --> dev : Menus et dropdowns en 23px/22px ✓

== Suppression warning ==
vscode --> dev : ⚠️ "আপনার ইনস্টলেশন ভ্রষ্ট"
dev -> product : Supprimer clé "চেকসামস"\n(python3 -c ...)
dev -> vscode : Redémarrer VS Code
vscode --> dev : Plus de warning ✓

note over css, product
  Deux fichiers dans ~/apps/
  = modifiables sans sudo
end note
@enduml
CSS_FILE="$HOME/apps/VSCode-linux-x64/resources/app/out/vs/workbench/workbench.desktop.main.css"

cat >> "$CSS_FILE" << 'EOF'
.menubar-menu-title{font-size:23px!important}
.menubar>.menubar-menu-button{font-size:23px!important}
.monaco-menu-option{font-size:22px!important;line-height:34px!important}
.monaco-menu .action-label:not(.codicon){font-size:22px!important}
.menubar-menu-items-holder .monaco-menu .action-item .action-label{font-size:22px!important}
EOF

অখণ্ডতা সতর্কতা মুছে ফেলুন

VS Code তার ফাইলগুলোর পরিবর্তন অনুভব করে এবং 'Your installation is corrupt' ব্যানারটি প্রদর্শন করে। এট এড়াতে, চেকসামস এর`product.json`:

import json
product_json = "$HOME/apps/VSCode-linux-x64/resources/app/product.json"
with open(product_json, 'r') as f:
    data = json.load(f)
data.pop('checksums', None)
with open(product_json, 'w') as f:
    json.dump(data, f, indent=2)

পুনরায় চালু করার পরে আর কোনও warning নেই এবং মেনুগুলো সঠিকভাবে পড়া যায়।

এক্সপ্লোরার প্যানেলের ফন্ট কাস্টমাইজ করুন — যুদ্ধ

প্রয়াশ ১ : একটি প্যারামিটার যা বিদ্যমান নেই

প্রথমে নেটিভ প্যারামিটারটি চেষ্টা করা হয়`workbench.tree.fontSize`মধ্যে`settings.json`:

{
    "workbench.tree.fontSize": 20
}

ফল:কোনো প্রভাব নেইএই সেটিংটি VS Code-এ নেই। প্রমাণ যে অনুজ্ঞাপিত নয় এমন সেটিংসগুলো নীরবে উপেক্ষা করা হয়।

প্রচেষ্টা ২ : Custom CSS and JS Loader এক্সটেনশন

এক্সটেনশন ইনস্টল করা হয়`be5invis.vscode-custom-css` :

~/apps/VSCode-linux-x64/bin/code --install-extension be5invis.vscode-custom-css

একটি CSS ফাইল তৈরি করি`~/.vscode-custom-css/custom.css`এক্সপ্লোরার উপাদান লক্ষ্য করে সিলেক্টর দিয়ে :

.monaco-tree-rows .monaco-tree-row,
.sidebar .monaco-list-row,
.explorer-viewlet .monaco-list-row,
.monaco-list-row .monaco-icon-label {
    font-size: 22px !important;
    line-height: 36px !important;
}

এবং আমরা এই ফাইলটি সেটিংস‑এ রেফারেন্স করি :

{
    "vscode_custom_css.imports": [
        "file:///home/user/.vscode-custom-css/custom.css"
    ]
}

ফল:পরিবর্তনগুলো প্রয়োগ হয় না.

�যন্ত্রণা : প্রতিবার এক্সটেনশন সক্রিয় করতে হবে

এক্সটেনশনের ডকুমেন্টেশন এই গুরুত্বপূর্ণ বিষয়ে নীরব: প্রতিটি কাস্টম CSS পরিবর্তনের পর, প্রয়োজনঅবশ্যইপ্যালেট থেকে কমান্ড চালু করুন :

  1. Ctrl+Shift+P→ টাইপকাস্টম CSS এবং JS সক্রিয় করুন

  2. VS Code চAHে একটি রিস্টার্ট → স্বীকার করুন

এই ধাপ ছাড়া, CSS কখনো IDE-এ ইনজেক্ট হয় না।

প্রয়াস ৩: রেখাগুলো অতিক্রম করে

এখনও সাথে`font-size: 22px` et line-height: 36px, জ্যাম্বেজ অক্ষর (g, p, f, b) পাশের লাইনে বেরিয়ে যায়. যোগ দেওয়ার চেষ্টা করা হচ্ছে`height` et min-height:

.monaco-list-row {
    height: 36px !important;
    min-height: 36px !important;
}

ফল :কোনো পরিবর্তন নেই. VS Code JavaScript-এ লাইনের উচ্চতা গণনা করে এবং CSS মানগুলোকে ওভাররাইড করে।

সমাধান: zoom পিতৃ কন্টেইনারে

Failed to generate image: PlantUML preprocessing failed: [From <input> (line 5) ]

@startuml
skinparam backgroundColor #FEFEFE

rectangle "প্রয়াস ১
অমوجود প্যারামিটার" #LightCoral {
^^^^^
 Syntax Error? (Assumed diagram type: activity)

@startuml
skinparam backgroundColor #FEFEFE

rectangle "প্রয়াস ১
অমوجود প্যারামিটার" #LightCoral {
    card "workbench.tree.fontSize" as t1 {
        [VS Code ignore le paramètre]
    }
}

rectangle "প্রয়াস ২
কাস্টম CSS + ফন্ট-সাইজ" #LightYellow {
    card ".monaco-list-row { font-size: 22px }" as t2 {
        [Texte plus grand\nmais lignes superposées]
    }
}

rectangle "প্রয়াস 3
font-size + line-height + height" #LightYellow {
    card "hauteur: 36px !important" as t3 {
        [VS Code override\npar JavaScript]
        [Aucun effet]
    }
}

rectangle "সমাধান
প্যারেন্ট কন্টেইনারের জুম" #LightGreen {
    card ".monaco-list-rows { zoom: 1.25 }" as t4 {
        [Texte + espacement\nproportionnels]
        [Layout JS respecté]
        [✓ Résultat conforme]
    }
}

t1 -down-> t2 : Pas de paramètre ?\nOn essaie le CSS
t2 -down-> t3 : Lignes superposées ?\nOn force la hauteur
t3 -down-> t4 : Override JS ?\nOn utilise zoom

@enduml

JavaScript লেআউটের সাথে লড়াই করার বদলে, আমরা প্রপার্টি ব্যবহার করি`zoom`লাইনের কন্টেইনারে :

.explorer-viewlet .monaco-list-rows,
.sidebar .monaco-list-rows {
    zoom: 1.25;
}

`zoom`কন্টেইনারের রেন্ডারকে সমানভাবে বাড়ায় — টেক্সট এবং স্পেসিং — VS Code-র JavaScript ইঞ্জিন tarafından গণনা করা লেআউটকে ভাঙা না করেই। ১.২৫ গুণক تقریباً ১৩px থেকে ১৬px এ পরিবর্তনের সমতুল্য।

ফল :ফাইল নামগুলো এখন পড়া যায়, লাইনগুলো সঠিকভাবে ফাঁকে বসেছে।.

সিলেক্টরদের সারাংশ এবং যা কাজ করে

অভিগম্য CSS ফল

font-size`উপর.monaco-list-row`

font-size: 22px !important

বড় টেক্সট কিন্তু চেনে পড়া রেখা

line-height+height`উপর.monaco-list-row`

line-height: 36px; height: 36px

প্রভাব নেই (override JS)

zoom উপর`.monaco-list-rows`

zoom: 1.25

সফল — পাঠ্য + সমানুপাতিক স্পেসিং

স্বয়ংক্রিয় আপডেট স্ক্রিপ্ট

Failed to generate image: PlantUML preprocessing failed: [From <input> (line 5) ]

@startuml
skinparam backgroundColor #FEFEFE
autonumber

actor "বিকাশকারী
^^^^^
 Syntax Error? (Assumed diagram type: sequence)

@startuml
skinparam backgroundColor #FEFEFE
autonumber

actor "বিকাশকারী
অথবা cron" as dev
participant "vscode-update.sh" as script
participant "vscode টারবল\n(code.visualstudio.com)" as remote
participant "~/apps/\nVSCode-linux-x64/" as local
participant "~/apps/\nvscode-backup" as backup
participant "workbench
.desktop.main.css" as css
participant "product.json" as product

dev -> script : ./vscode-update.sh
script -> local : Lire version courante
script -> remote : wget dernière version
script -> script : Comparer versions

alt Version identique
    script --> dev : "এখন আপ-টু-ডেট!"
else Nouvelle version
    script -> backup : Sauvegarder installation courante\n(horodatée)
    script -> local : rm -rf ancienne installation
    script -> local : mv nouvelle installation
    script -> css : Ajouter patch CSS\n(menubar 23px, dropdown 22px)
    script -> product : Supprimer checksums\n(python3)
    script --> dev : "আপডেট সম্পূর্ণ
1.xx.yy → 1.zz.ww"
end note
@enduml

সমস্যা

VS Code আপডেট হলে, তা ইনস্টলেশন ফোল্ডারটি প্রতিস্থাপন করে এবংসকল CSS প্যাচ মুছে ফেলেপ্রতিবার ম্যানুয়ালি পরিবর্তনগুলো পুনরায় প্রয়োগ করতে হবে।

স্ক্রিপ্ট `vscode-update.sh

একজন তৈরি করে`~/apps/vscode-update.sh` :

#!/bin/bash
set -e

VSCODE_DIR="$HOME/apps/VSCode-linux-x64"
BACKUP_DIR="$HOME/apps/vscode-backup"
TEMP_DIR="/tmp/vscode-update"

MENUBAR_FONT_SIZE="23px"
DROPDOWN_FONT_SIZE="22px"

echo "=== VS Code Local Updater ==="

CURRENT_VERSION=$("$VSCODE_DIR/bin/code" --version 2>/dev/null | head -1)
echo "Current version: $CURRENT_VERSION"

echo "Downloading latest VS Code..."
mkdir -p "$TEMP_DIR"
wget -q "https://code.visualstudio.com/sha/download?build=stable&os=linux-x64" \
    -O "$TEMP_DIR/vscode.tar.gz"

echo "Extracting..."
mkdir -p "$TEMP_DIR/extracted"
tar -xzf "$TEMP_DIR/vscode.tar.gz" -C "$TEMP_DIR/extracted"

NEW_VERSION=$("$TEMP_DIR/extracted/VSCode-linux-x64/bin/code" \
    --version 2>/dev/null | head -1)
echo "New version: $NEW_VERSION"

if [ "$CURRENT_VERSION" = "$NEW_VERSION" ]; then
    echo "Already up to date!"
    rm -rf "$TEMP_DIR"
    exit 0
fi

echo "Backing up current installation..."
mkdir -p "$BACKUP_DIR"
cp -r "$VSCODE_DIR" "$BACKUP_DIR/VSCode-linux-x64-$(date +%Y%m%d-%H%M%S)"

echo "Updating..."
rm -rf "$VSCODE_DIR"
mv "$TEMP_DIR/extracted/VSCode-linux-x64" "$VSCODE_DIR"
rm -rf "$TEMP_DIR"

CSS_FILE="$VSCODE_DIR/resources/app/out/vs/workbench/workbench.desktop.main.css"
echo "Re-applying custom CSS patch \
    (menubar=${MENUBAR_FONT_SIZE}, dropdown=${DROPDOWN_FONT_SIZE})..."
cat >> "$CSS_FILE" << CSSEOF
.menubar-menu-title{font-size:${MENUBAR_FONT_SIZE}!important}\
.menubar>.menubar-menu-button{font-size:${MENUBAR_FONT_SIZE}!important}\
.monaco-menu-option{font-size:${DROPDOWN_FONT_SIZE}!important;\
line-height:34px!important}\
.monaco-menu .action-label:not(.codicon)\
{font-size:${DROPDOWN_FONT_SIZE}!important}\
.menubar-menu-items-holder .monaco-menu .action-item .action-label\
{font-size:${DROPDOWN_FONT_SIZE}!important}
CSSEOF

PRODUCT_JSON="$VSCODE_DIR/resources/app/product.json"
if [ -f "$PRODUCT_JSON" ]; then
    echo "Removing checksums to prevent integrity warning..."
    python3 -c "
import json
with open('$PRODUCT_JSON','r') as f: data=json.load(f)
data.pop('checksums', None)
with open('$PRODUCT_JSON','w') as f: json.dump(data,f,indent=2)
print('Done.')
"
fi

echo "=== Update complete: $CURRENT_VERSION -> $NEW_VERSION ==="

স্ক্রিপ্ট :

  1. সর্বশেষ স্থির সংস্করণটি ডাউনলোড করুন

  2. জাচ করো যে সংস্করণ বর্তমান থেকে ভিন্ন কি না

  3. বর্তমান ইনস্টলেশন (টাইমস্ট্যাম্পকৃত) ব্যাকআপ করুন`~/apps/vscode-backup/`

  4. ইনস্টলেশন ফোল্ডার বদলে দাও

  5. পুনরায় প্রয়োগ করপ্রধান মেনু CSS প্যাচ

  6. চেকসামগুলো মুছুন de `product.json`ইন্টিগ্রিটি সতর্কতা এড়াতে

এক্সপ্লোরার প্যানের কাস্টমাইজেশনগুলো কাস্টম CSS এক্সটেনশন এবং ফাইলের</tool_call>`~/.vscode-custom-css/custom.css`আপডেটে বাঁচে থাকেন কারণ তারা ইনস্টলেশনের ফোল্ডারের বাইরে বাস করে।

জড়িত ফাইল — ওভারভিউ

Failed to generate image: PlantUML preprocessing failed: [From <input> (line 6) ]

@startuml
skinparam backgroundColor #FEFEFE
skinparam componentStyle rectangle

rectangle "VS Code ইনস্টলেশন
(~/apps/VSCode-linux-x64/)" #LightCoral {
^^^^^
 Syntax Error? (Assumed diagram type: activity)

@startuml
skinparam backgroundColor #FEFEFE
skinparam componentStyle rectangle

rectangle "VS Code ইনস্টলেশন
(~/apps/VSCode-linux-x64/)" #LightCoral {
    component "workbench.desktop\n.main.css" as css #LightCoral
    component "product.json" as product #LightCoral
    component "বাইনারি
বাইনারি/কোড" as binary #LightCoral
}

rectangle "ব্যবহারকারী কনফিগারেশন
(~/.config/Code/)" #LightGreen {
    component "settings.json" as settings #LightGreen
    component "extensions/" as extensions #LightGreen
}

rectangle "স্থায়ী কাস্টমাইজেশন
(~/.vscode-custom-css/)" #SkyBlue {
    component "custom.css\n(জুম: 1.25)" as customcss #SkyBlue
}

rectangle "অটোমেশন\n(~/apps/)" #LightYellow {
    component "vscode-update.sh" as script #LightYellow
    component "vscode-backup/" as backup #LightYellow
}

script ..> css : Re-patch après MAJ
script ..> product : Supprime checksums\naprès MAJ
settings --> customcss : Référence via\nvscode_custom_css.imports
extensions ..> css : Custom CSS Loader\ninjecte custom.css

note bottom of css
  **Ne survit pas** aux mises à jour
  Re-patché par le script
end note

note bottom of customcss
  **Survit** aux mises à jour
  Vit hors du dossier d'installation
end note

note bottom of settings
  **Survit** aux mises à jour
  Vit dans ~/.config/
end note
@enduml
পথ ভুমিকা আপডেটে বাঁچه?

~/apps/VSCode-linux-x64/

IDE ইনস্টলেশন

না (বদলে দেওয়া)

~/apps/VSCode-linux-x64/resources/app/out/vs/workbench/workbench.desktop.main.css

workbench এর CSS(menu, dropdowns)

না (স্ক্রিপ্ট द्वारा পুনরায় প্যাচকৃত)

~/apps/VSCode-linux-x64/resources/app/product.json

ইন্টিগ্রিটি চেকসাম

না (স্ক্রিপ্ট দ্বারা পুন:সুপকৃত)

~/apps/vscode-update.sh

স্বয়ংক্রিয় আপডেট স্ক্রিপ্ট

হ্যাঁ

~/.config/Code/User/settings.json

ব্যবহারকারীর সেটিংস (fontSize, custom CSS)

হ্যাঁ

~/.vscode-custom-css/custom.css

কাস্টম CSS এক্সপ্লোরার (zoom) এর জন্য

হ্যাঁ

শেখা পাঠ

Failed to generate image: PlantUML preprocessing failed: [From <input> (line 7) ]

@startuml
skinparam backgroundColor #FEFEFE
skinparam defaultFontName sans-serif
skinparam ArrowColor #444444

rectangle "**স্থানীয় ইনস্টলেশন**
 হোমে" as install #LightGreen {
^^^^^
 Syntax Error? (Assumed diagram type: activity)

@startuml
skinparam backgroundColor #FEFEFE
skinparam defaultFontName sans-serif
skinparam ArrowColor #444444

rectangle "**স্থানীয় ইনস্টলেশন**
 হোমে" as install #LightGreen {
    card "sudo দরকার নেই\n CSS/config পরিবর্তরের জন্য" as i1
    card "opencode+LLM সবিছু পরিবর্তন করতে পারে" as i2
    card "Rollback = পুনরুদ্ধার
 টimestamp‑কৃত ব্যাকআপ" as i3
}

rectangle "কাস্টমাইজেশন CSS
জুম বนาม ফন্ট-সাইজ" as css #LightYellow {
    card "zoom > font-size
জন্য উপকরণ list" as c1
    card "JS লেআউট ওভাররাইড
উচি/লাইন-উচি" as c2
    card "Extension Custom CSS
সক্রিয় করতে হয়
ম্যানুয়ালি (Ctrl+Shift+P)" as c3
}

rectangle "**অটোমেশন**\n আপডেট স্ক্রিপ্ট" as auto #LightCoral {
    card "প্রতিটি আপডেটের পরে CSS পুনর্প্যাচ করুন" as a1
    card "চেকসামস মুছে ফেলুন
 product.json" as a2
    card "টাইমস্ট্যাম্পসহ ব্যাকআপ\n প্রতিস্থাপনের আগে" as a3
}

install -right-> css : ensuite
css -right-> auto : enfin

note top of install
  Contrôle total sans élévation
  de privilèges
end note

note top of auto
  Sans script, chaque MAJ
  efface les patches CSS
end note
@enduml

হোমে ইনস্টল করলে সবকিছু মুক্তি পায়

একটি স্থানীয় ইনস্টলেশনের মধ্যে`~/apps`VS Code-এ পূর্ণ নিয়ন্ত্রণ দেওয়া :

  • না`sudo`CSS বা কনফিগারেশন পরিবর্তন করতে

  • opencode+LLM এজেন্টটি IDE‑এর কনফিগারেশন ফাইল এবং এসেটগুলোতে লিখতে পারে।

  • সাধারণ রোলব্যাক: টাইমস্ট্যাম্পড ব্যাকআপ পুনরুদ্ধার করা

zoom` > font-size কোম্পোনেন্ট লিস্টের জন্য

VS Code JavaScript এর মাধ্যমে লাইনের উচ্চতা নিয়ন্ত্রণ করে। সংশোধন`font-size`লেআউট ইঞ্জিনের द्वारा বরদ্দ করা উচ্চতায় কোনো পরিবর্তন করতে না পারলে পাঠ্য সীমানা পারিয়ে যায়। বৈশিষ্ট্যও`zoom`প্যারেন্ট কন্টেইনারকে সমানুপাতিকভাবে বড় করে এই সমস্যাটি পরihar করা যায়।

Custom CSS এক্সটেনশন স্পষ্টভাবে সক্রিয়করণ প্রয়োজন

এটি একটি "set and forget" প্যারামিটার নয়। প্রতিটি CSS কাস্টম ফাইলের পরিবর্তন করতে "Enable Custom CSS and JS" কমান্ডপালেট থেকে পুনরায় চালু করতে হয় (Ctrl+Shift+P).

একটি আপডেট স্ক্রিপ্ট অপরিহার্য

স্ক্রিপ্ট ছাড়া, VS কোডের প্রতিটি আপডেট ওয়েবেন্চের CSS প্যাচগুলো মুছে ফেলে। স্ক্রিপ্ট`vscode-update.sh`এটি ডাউনলোড, প্রতিস্থাপন, রিপ্যাচিং এবং চেকসামের পরিষ্কারীকরণকে স্বয়ংক্রিয়ভাবে করে।

দ্রুত রেফারেন্স

  • VS Code ডাউনলোড: https://code.visualstudio.com/Download

  • এক্সটেনশন কাস্টম CSS এবং JS লোডার :`be5invis.vscode-custom-css`

  • VS Code-এ এক্সপ্লোরার ফন্টের জন্য নেটিভ প্যারামিটার চাওয়ার সমস্যাhttps://github.com/microsoft/vscode/issues/149[github.com/microsoft/vscode#149]

Articles connexes