VS Code Extension மேம்பாட்டில் தேர்ச்சி பெறுதல்: உலகளாவிய டெவலப்பர்களுக்கான ஒரு விரிவான வழிகாட்டி

விஷுவல் ஸ்டுடியோ கோட் (VS Code) உலகெங்கிலும் உள்ள மில்லியன் கணக்கான டெவலப்பர்களின் விருப்பமான கோட் எடிட்டராக மாறியுள்ளது. அதன் புகழ் அதன் இலகுவான தன்மை, சக்திவாய்ந்த அம்சங்கள், மற்றும் மிக முக்கியமாக, அதன் விரிவாக்கத்திறன் ஆகியவற்றிலிருந்து வருகிறது. தனிப்பயன் நீட்டிப்புகளை உருவாக்கும் திறன், டெவலப்பர்கள் தங்கள் குறிப்பிட்ட தேவைகளுக்கு ஏற்ப எடிட்டரை வடிவமைக்கவும், உற்பத்தித்திறனை அதிகரிக்கவும் மற்றும் பணிப்பாய்வுகளை சீரமைக்கவும் அனுமதிக்கிறது. இந்த விரிவான வழிகாட்டி, உங்கள் சொந்த VS Code நீட்டிப்புகளை உருவாக்கும் செயல்முறையின் மூலம், ஆரம்ப அமைப்பு முதல் உங்கள் படைப்பை உலகப் பயன்பாட்டிற்காக வெளியிடுவது வரை உங்களை அழைத்துச் செல்லும்.

VS Code Extension-களை ஏன் உருவாக்க வேண்டும்?

VS Code நீட்டிப்புகளை உருவாக்குவது தனிப்பட்ட டெவலப்பர்கள் மற்றும் நிறுவனங்களுக்கு பல நன்மைகளை வழங்குகிறது:

• தனிப்பயனாக்கப்பட்ட பணிப்பாய்வு: உங்கள் கோடிங் பாணி மற்றும் திட்டத் தேவைகளுக்கு hoàn hảoவாக பொருந்தும் வகையில் எடிட்டரைத் தனிப்பயனாக்குங்கள்.
• அதிகரித்த உற்பத்தித்திறன்: திரும்பத் திரும்பச் செய்யும் பணிகளை தானியக்கமாக்குங்கள், வெளிப்புறக் கருவிகளுடன் ஒருங்கிணைத்து, உங்கள் மேம்பாட்டு செயல்முறையை சீரமைக்கவும்.
• மேம்பட்ட ஒத்துழைப்பு: பணிப்பாய்வுகளை தரப்படுத்தவும், குறியீட்டின் தரத்தை மேம்படுத்தவும் உங்கள் குழு அல்லது பரந்த சமூகத்துடன் நீட்டிப்புகளைப் பகிரவும்.
• கற்றல் மற்றும் திறன் மேம்பாடு: TypeScript, Node.js மற்றும் VS Code API உடன் அனுபவம் பெறுவது புதிய தொழில் வாய்ப்புகளைத் திறக்கிறது.
• சமூக பங்களிப்பு: உங்கள் புதுமையான தீர்வுகளை உலகளாவிய டெவலப்பர் சமூகத்துடன் பகிர்ந்து, சுற்றுச்சூழல் அமைப்புக்கு பங்களிக்கவும்.

முன் தேவைகள்

நீட்டிப்பு மேம்பாட்டில் இறங்குவதற்கு முன், பின்வருவனவற்றை நிறுவியுள்ளீர்கள் என்பதை உறுதிப்படுத்திக் கொள்ளுங்கள்:

• Node.js மற்றும் npm (Node Package Manager): VS Code நீட்டிப்பு மேம்பாடு Node.js-ஐ பெரிதும் நம்பியுள்ளது. அதிகாரப்பூர்வ Node.js இணையதளத்திலிருந்து சமீபத்திய LTS பதிப்பைப் பதிவிறக்கி நிறுவவும். npm தானாகவே Node.js உடன் நிறுவப்படும்.
• Visual Studio Code: VS Code-இன் சமீபத்திய பதிப்பை நிறுவியுள்ளீர்கள் என்பதை உறுதிப்படுத்தவும்.
• Yeoman மற்றும் VS Code Extension Generator: Yeoman என்பது ஒரு ஸ்காஃபோல்டிங் கருவியாகும், இது நீட்டிப்பு உருவாக்கும் செயல்முறையை எளிதாக்குகிறது. இதை npm ஐப் பயன்படுத்தி உலகளவில் நிறுவவும்:

npm install -g yo generator-code

உங்கள் மேம்பாட்டு சூழலை அமைத்தல்

முன் தேவைகள் தயாரானவுடன், உங்கள் மேம்பாட்டு சூழலை அமைக்க நீங்கள் தயாராக உள்ளீர்கள்:

1. புதிய நீட்டிப்பு திட்டத்தை உருவாக்குங்கள்: உங்கள் டெர்மினலைத் திறந்து, நீட்டிப்பு ஜெனரேட்டரைத் தொடங்க பின்வரும் கட்டளையை இயக்கவும்:

yo code

2. கேள்விகளுக்கு பதிலளிக்கவும்: ஜெனரேட்டர் உங்கள் நீட்டிப்பு பற்றி தொடர்ச்சியான கேள்விகளைக் கேட்கும். பொதுவான கேள்விகள் மற்றும் பரிந்துரைக்கப்பட்ட பதில்களின் முறிவு இங்கே:
   • நீங்கள் எந்த வகையான நீட்டிப்பை உருவாக்க விரும்புகிறீர்கள்? TypeScript அடிப்படையிலான நீட்டிப்புக்கு "புதிய நீட்டிப்பு (TypeScript)" என்பதைத் தேர்ந்தெடுக்கவும், இது பரிந்துரைக்கப்பட்ட அணுகுமுறையாகும்.
   • உங்கள் நீட்டிப்பின் பெயர் என்ன? உங்கள் நீட்டிப்புக்கு விளக்கமான மற்றும் தனித்துவமான பெயரைத் தேர்ந்தெடுக்கவும். எடுத்துக்காட்டுகள்: "Code Spell Checker," "JavaScript Snippets," "Python Autocomplete."
   • உங்கள் நீட்டிப்பின் அடையாளங்காட்டி என்ன? இது உங்கள் நீட்டிப்புக்கான ஒரு தனித்துவமான அடையாளங்காட்டி, பொதுவாக `publisher.extension-name` வடிவத்தில் இருக்கும். ஒரு வெளியீட்டாளர் பெயரைத் தேர்வுசெய்க (எ.கா., உங்கள் GitHub பயனர்பெயர் அல்லது நிறுவனத்தின் பெயர்).
   • உங்கள் நீட்டிப்பின் விளக்கம் என்ன? உங்கள் நீட்டிப்பு என்ன செய்கிறது என்பதற்கான சுருக்கமான மற்றும் தகவலறிந்த விளக்கத்தை வழங்கவும்.
   • ஒரு git களஞ்சியத்தை தொடங்கவா? பதிப்புக் கட்டுப்பாட்டிற்கு Git களஞ்சியத்தைத் தொடங்க "ஆம்" என்பதைத் தேர்ந்தெடுக்கவும்.
   • குறியீட்டை சரிபார்க்க eslint ஐப் பயன்படுத்த விரும்புகிறீர்களா? குறியீட்டு பாணி நிலைத்தன்மையைச் செயல்படுத்த "ஆம்" என்பதைத் தேர்ந்தெடுக்கவும்.
3. திட்டத்தை VS Code-இல் திறக்கவும்: ஜெனரேட்டர் முடிந்ததும், புதிதாக உருவாக்கப்பட்ட திட்டக் கோப்புறையை VS Code இல் திறக்கவும்.

திட்ட அமைப்பைப் புரிந்துகொள்ளுதல்

நீட்டிப்பு ஜெனரேட்டர் பின்வரும் முக்கிய கோப்புகளுடன் ஒரு அடிப்படை திட்ட அமைப்பை உருவாக்குகிறது:

• `package.json`: இந்த கோப்பில் உங்கள் நீட்டிப்பு பற்றிய மெட்டாடேட்டா உள்ளது, அதன் பெயர், பதிப்பு, விளக்கம், சார்புகள் மற்றும் செயல்படுத்தும் நிகழ்வுகள் உட்பட.
• `tsconfig.json`: இந்த கோப்பு TypeScript கம்பைலரை உள்ளமைக்கிறது.
• `.vscode/launch.json`: இந்த கோப்பு உங்கள் நீட்டிப்புக்கான டீபக்கரை உள்ளமைக்கிறது.
• `src/extension.ts`: இது உங்கள் நீட்டிப்புக்கான முக்கிய நுழைவுப் புள்ளி. இது `activate` மற்றும் `deactivate` செயல்பாடுகளைக் கொண்டுள்ளது.
• `README.md`: உங்கள் நீட்டிப்பின் விளக்கம், அதை எவ்வாறு பயன்படுத்துவது மற்றும் தொடர்புடைய எந்த தகவலையும் வழங்கும் ஒரு மார்க்டவுன் கோப்பு.

உங்கள் முதல் நீட்டிப்பை எழுதுதல்

ஒரு கட்டளை செயல்படுத்தப்படும்போது "Hello World" செய்தியைக் காட்டும் ஒரு எளிய நீட்டிப்பை உருவாக்குவதன் மூலம் தொடங்குவோம்:

1. `src/extension.ts`-ஐ திறக்கவும்: இந்த கோப்பில் `activate` செயல்பாடு உள்ளது, இது உங்கள் நீட்டிப்பு செயல்படுத்தப்படும்போது அழைக்கப்படுகிறது.
2. `activate` செயல்பாட்டை மாற்றியமைக்கவும்: ஏற்கனவே உள்ள குறியீட்டை பின்வருமாறு மாற்றவும்:

import * as vscode from 'vscode';

export function activate(context: vscode.ExtensionContext) {
	console.log('வாழ்த்துக்கள், உங்கள் நீட்டிப்பு \"my-extension\" இப்போது செயலில் உள்ளது!');

	let disposable = vscode.commands.registerCommand('my-extension.helloWorld', () => {
		vscode.window.showInformationMessage('எனது நீட்டிப்பிலிருந்து ஹலோ வேர்ல்ட்!');
	});

	context.subscriptions.push(disposable);
}

export function deactivate() {}

3. விளக்கம்:
   • `vscode.commands.registerCommand('my-extension.helloWorld', ...)`: `my-extension.helloWorld` என்ற ஐடியுடன் ஒரு கட்டளையைப் பதிவுசெய்கிறது. இந்த கட்டளை VS Code கட்டளை தட்டில் கிடைக்கும்.
   • `vscode.window.showInformationMessage('எனது நீட்டிப்பிலிருந்து ஹலோ வேர்ல்ட்!')`: VS Code சாளரத்தில் ஒரு தகவல் செய்தியைக் காட்டுகிறது.
   • `context.subscriptions.push(disposable)`: கட்டளையை நீட்டிப்பின் சந்தாக்களில் சேர்க்கிறது, நீட்டிப்பு செயலிழக்கப்படும்போது அது சரியாக அகற்றப்படுவதை உறுதி செய்கிறது.
4. `package.json`-ஐ மாற்றியமைக்கவும்: கட்டளையை வரையறுக்க `contributes` பிரிவில் பின்வருவனவற்றைச் சேர்க்கவும்:

"contributes": {
		"commands": [{
			"command": "my-extension.helloWorld",
			"title": "Hello World"
		}]
	}

5. விளக்கம்:
   • `"commands"`: உங்கள் நீட்டிப்பு பங்களிக்கும் கட்டளைகளை வரையறுக்கிறது.
   • `"command": "my-extension.helloWorld"`: `extension.ts` இல் பயன்படுத்தப்பட்ட ஐடியுடன் பொருந்தக்கூடிய கட்டளை ஐடியைக் குறிப்பிடுகிறது.
   • `"title": "Hello World"`: கட்டளை தட்டில் கட்டளைக்கான காட்சி பெயரை அமைக்கிறது.

உங்கள் நீட்டிப்பை சோதித்தல்

இப்போது உங்கள் நீட்டிப்பை சோதிக்க வேண்டிய நேரம் இது:

1. F5 ஐ அழுத்தவும்: இது உங்கள் நீட்டிப்பு நிறுவப்பட்ட ஒரு புதிய VS Code சாளரத்தைத் தொடங்கும். இது "Extension Development Host" ஆகும்.
2. கட்டளை தட்டைத் திறக்கவும்: கட்டளை தட்டைத் திறக்க `Ctrl+Shift+P` (அல்லது macOS இல் `Cmd+Shift+P`) ஐ அழுத்தவும்.
3. "Hello World" என தட்டச்சு செய்க: கட்டளை தட்டில் உங்கள் கட்டளை பட்டியலிடப்பட்டிருப்பதைக் காண்பீர்கள்.
4. "Hello World" ஐத் தேர்ந்தெடுக்கவும்: கட்டளையைக் கிளிக் செய்தால் அது செயல்படுத்தப்பட்டு VS Code சாளரத்தில் "Hello World" செய்தியைக் காட்டும்.

உங்கள் நீட்டிப்பில் பிழைத்திருத்தம் செய்தல்

உங்கள் நீட்டிப்பில் உள்ள சிக்கல்களைக் கண்டறிந்து சரிசெய்வதற்கு பிழைத்திருத்தம் முக்கியமானது. VS Code சிறந்த பிழைத்திருத்த ஆதரவை வழங்குகிறது:

1. பிரேக் பாயிண்ட்களை அமைக்கவும்: உங்கள் குறியீட்டில் பிரேக் பாயிண்ட்களை அமைக்க வரி எண்களுக்கு அடுத்துள்ள எடிட்டர் கட்டரில் கிளிக் செய்யவும்.
2. F5 ஐ அழுத்தவும்: இது Extension Development Host-ஐ பிழைத்திருத்த பயன்முறையில் தொடங்கும்.
3. உங்கள் நீட்டிப்பைத் தூண்டவும்: நீங்கள் பிழைத்திருத்தம் செய்ய விரும்பும் குறியீட்டைத் தூண்டும் கட்டளை அல்லது செயலை இயக்கவும்.
4. மாறிகள் மற்றும் அழைப்பு அடுக்கை ஆய்வு செய்யவும்: VS Code பிழைத்திருத்தி உங்கள் பிரேக் பாயிண்ட்களில் செயல்பாட்டை இடைநிறுத்தும், இது மாறிகளை ஆய்வு செய்யவும், குறியீட்டின் வழியாகச் செல்லவும் மற்றும் அழைப்பு அடுக்கை ஆராயவும் உங்களை அனுமதிக்கிறது.

VS Code API உடன் வேலை செய்தல்

VS Code API எடிட்டருடன் தொடர்புகொள்வதற்கான இடைமுகங்கள் மற்றும் செயல்பாடுகளின் வளமான தொகுப்பை வழங்குகிறது. API இன் சில முக்கிய பகுதிகள் இங்கே:

• `vscode.window`: VS Code சாளரத்துடன் தொடர்புகொள்வதற்கும், செய்திகளைக் காண்பிப்பதற்கும், உள்ளீட்டு பெட்டிகளைக் காண்பிப்பதற்கும், பேனல்களை நிர்வகிப்பதற்கும்.
• `vscode.workspace`: கோப்புகள், கோப்புறைகள் மற்றும் உள்ளமைவு அமைப்புகள் உட்பட பணியிடத்தை அணுகுவதற்கும் கையாளுவதற்கும்.
• `vscode.commands`: கட்டளைகளைப் பதிவு செய்வதற்கும் செயல்படுத்துவதற்கும்.
• `vscode.languages`: தொடரியல் சிறப்பம்சங்கள், குறியீடு நிறைவு மற்றும் கண்டறிதல் போன்ற மொழி ஆதரவை வழங்குவதற்கு.
• `vscode.debug`: பிழைத்திருத்தியுடன் தொடர்புகொள்வதற்கு.
• `vscode.scm`: Git போன்ற மூலக் கட்டுப்பாட்டு மேலாண்மை அமைப்புகளுடன் தொடர்புகொள்வதற்கு.

உதாரணம்: ஒரு கோட் துணுக்கு (Snippet) நீட்டிப்பை உருவாக்குதல்

ஒரு அடிப்படை React கூறனை உருவாக்குவதற்கான ஒரு குறியீட்டுத் துணுக்கைச் சேர்க்கும் ஒரு நீட்டிப்பை உருவாக்குவோம்:

1. ஒரு `snippets` கோப்புறையை உருவாக்கவும்: உங்கள் திட்டத்தின் ரூட்டில் `snippets` என்ற புதிய கோப்புறையை உருவாக்கவும்.
2. ஒரு துணுக்கு கோப்பை உருவாக்கவும்: `snippets` கோப்புறையின் உள்ளே `react.json` என்ற கோப்பை உருவாக்கவும்.
3. துணுக்கு வரையறையைச் சேர்க்கவும்: `react.json` இல் பின்வரும் JSON ஐச் சேர்க்கவும்:

{
	"React Component": {
		"prefix": "reactcomp",
		"body": [
			"import React from 'react';",
			"",
			"interface Props {\n\t[key: string]: any;\n}",
			"",
			"const ${1:ComponentName}: React.FC = (props: Props) => {\n\treturn (\n\t\t
\n\t\t\t${2:Content}\n\t\t
\n\t);\n};",
			"",
			"export default ${1:ComponentName};"
		],
		"description": "Creates a basic React component"
	}
}

4. விளக்கம்:
   • `"React Component"`: துணுக்கின் பெயர்.
   • `"prefix": "reactcomp"`: துணுக்கைத் தூண்டும் முன்னொட்டு. `reactcomp` என தட்டச்சு செய்து `Tab` ஐ அழுத்தினால் துணுக்கு செருகப்படும்.
   • `"body"`: துணுக்கில் உள்ள குறியீட்டின் வரிகளைப் பிரதிநிதித்துவப்படுத்தும் சரங்களின் வரிசை.
   • `${1:ComponentName}`: கூறுகளின் பெயரை விரைவாக மாற்ற உங்களை அனுமதிக்கும் ஒரு டேப் ஸ்டாப்.
   • `"description"`: துணுக்கின் ஒரு விளக்கம்.
5. `package.json`-ஐ மாற்றியமைக்கவும்: `contributes` பிரிவில் பின்வருவனவற்றைச் சேர்க்கவும்:

"contributes": {
		"snippets": [{
			"language": "javascriptreact",
			"path": "./snippets/react.json"
		}]
	}

6. விளக்கம்:
   • `"snippets"`: உங்கள் நீட்டிப்பு பங்களிக்கும் துணுக்குகளை வரையறுக்கிறது.
   • `"language": "javascriptreact"`: துணுக்கு பொருந்தக்கூடிய மொழியைக் குறிப்பிடுகிறது.
   • `"path": "./snippets/react.json"`: துணுக்கு கோப்பிற்கான பாதையைக் குறிப்பிடுகிறது.
7. உங்கள் துணுக்கை சோதிக்கவும்: ஒரு `.jsx` அல்லது `.tsx` கோப்பைத் திறந்து `reactcomp` என தட்டச்சு செய்யவும். துணுக்கை செருக `Tab` ஐ அழுத்தவும்.

மேம்பட்ட நீட்டிப்பு மேம்பாட்டு நுட்பங்கள்

அடிப்படைகளை நீங்கள் தேர்ச்சி பெற்றவுடன், மேலும் மேம்பட்ட நீட்டிப்பு மேம்பாட்டு நுட்பங்களை நீங்கள் ஆராயலாம்:

• மொழி சேவையக நெறிமுறை (LSP): ஒரு குறிப்பிட்ட மொழிக்கு குறியீடு நிறைவு, கண்டறிதல் மற்றும் மறுசீரமைப்பு போன்ற மேம்பட்ட மொழி ஆதரவை வழங்க LSP ஐப் பயன்படுத்தவும். பைதான், ஜாவா மற்றும் கோ போன்றவற்றுக்கான பிரபலமான LSP செயலாக்கங்கள் உள்ளன.
• பிழைத்திருத்த அடாப்டர்கள்: குறிப்பிட்ட நிரலாக்க மொழிகள் அல்லது இயக்க நேரங்களை பிழைத்திருத்த ஆதரிக்க தனிப்பயன் பிழைத்திருத்த அடாப்டர்களை உருவாக்கவும்.
• வெப்வியூக்கள்: வெப்வியூக்களைப் பயன்படுத்தி VS Code இல் ஊடாடும் வலை அடிப்படையிலான UI களை உட்பொதிக்கவும். இது சிக்கலான மற்றும் பார்வைக்கு ஈர்க்கும் நீட்டிப்புகளை உருவாக்க உங்களை அனுமதிக்கிறது.
• தீமிங்: VS Code இன் தோற்றத்தை மாற்ற தனிப்பயன் தீம்களை உருவாக்கவும். பல பிரபலமான தீம்கள் VS Code Marketplace இல் கிடைக்கின்றன.
• விசைப்பிணைப்புகள்: விசைப்பலகை குறுக்குவழிகளுக்கு குறிப்பிட்ட செயல்களை வரைபடமாக்க தனிப்பயன் விசைப்பிணைப்புகளை வரையறுக்கவும்.

சர்வதேசமயமாக்கல் மற்றும் உள்ளூர்மயமாக்கல் (i18n மற்றும் L10n)

உலகளாவிய பார்வையாளர்களைச் சென்றடைய, உங்கள் நீட்டிப்பை சர்வதேசமயமாக்குவதையும் உள்ளூர்மயமாக்குவதையும் கருத்தில் கொள்ளுங்கள். இது உங்கள் நீட்டிப்பை வெவ்வேறு மொழிகள் மற்றும் பிராந்தியங்களுக்கு ஏற்ப மாற்றுவதை உள்ளடக்கியது.

• சரங்களை வெளிப்புறமாக்குங்கள்: பயனர் எதிர்கொள்ளும் அனைத்து சரங்களையும் தனி வளக் கோப்புகளுக்கு நகர்த்தவும்.
• VS Code's i18n API-ஐப் பயன்படுத்தவும்: பயனரின் இருப்பிடத்தின் அடிப்படையில் உள்ளூர்மயமாக்கப்பட்ட சரங்களை ஏற்றுவதற்கு VS Code API ஐ வழங்குகிறது.
• பல மொழிகளை ஆதரிக்கவும்: வெவ்வேறு மொழிகளுக்கான வளக் கோப்புகளை வழங்கவும்.
• வலமிருந்து இடமாக (RTL) தளவமைப்பைக் கருத்தில் கொள்ளுங்கள்: உங்கள் நீட்டிப்பு உரையை காண்பித்தால், அது அரபு மற்றும் ஹீப்ரு போன்ற RTL மொழிகளை ஆதரிக்கிறது என்பதை உறுதிப்படுத்தவும்.

உங்கள் நீட்டிப்பை வெளியிடுதல்

உங்கள் நீட்டிப்பு தயாரானதும், அதை மற்றவர்கள் பயன்படுத்த VS Code Marketplace இல் வெளியிடலாம்:

1. ஒரு Azure DevOps நிறுவனத்தை உருவாக்கவும்: உங்கள் நீட்டிப்பை வெளியிட உங்களுக்கு ஒரு Azure DevOps நிறுவனம் தேவைப்படும். உங்களிடம் ஒன்று இல்லையென்றால், Azure DevOps இணையதளத்தில் ஒரு இலவச கணக்கை உருவாக்கவும்.
2. `vsce` கருவியை நிறுவவும்: VS Code Extension Manager (`vsce`) என்பது நீட்டிப்புகளை பேக்கேஜிங் மற்றும் வெளியிடுவதற்கான ஒரு கட்டளை வரி கருவியாகும். இதை npm ஐப் பயன்படுத்தி உலகளவில் நிறுவவும்:

npm install -g vsce

3. ஒரு வெளியீட்டாளரை உருவாக்கவும்: ஒரு வெளியீட்டாளர் என்பது Marketplace இல் உங்கள் நீட்டிப்புகளுக்குச் சொந்தமான ஒரு அடையாளம். `vsce create-publisher` கட்டளையைப் பயன்படுத்தி ஒரு வெளியீட்டாளரை உருவாக்கவும். நீங்கள் ஒரு வெளியீட்டாளர் பெயரையும் Azure DevOps இலிருந்து ஒரு தனிப்பட்ட அணுகல் டோக்கனையும் (PAT) வழங்க வேண்டும்.
4. ஒரு தனிப்பட்ட அணுகல் டோக்கனை (PAT) உருவாக்கவும்: Azure DevOps இல், "பயனர் அமைப்புகள்" -> "தனிப்பட்ட அணுகல் டோக்கன்கள்" என்பதற்குச் சென்று, "Marketplace (வெளியிடு)" நோக்கத்துடன் ஒரு புதிய PAT ஐ உருவாக்கவும்.
5. உங்கள் நீட்டிப்பை பேக்கேஜ் செய்யவும்: உங்கள் நீட்டிப்பை ஒரு `.vsix` கோப்பில் பேக்கேஜ் செய்ய `vsce package` கட்டளையைப் பயன்படுத்தவும்.
6. உங்கள் நீட்டிப்பை வெளியிடவும்: உங்கள் நீட்டிப்பை Marketplace இல் வெளியிட `vsce publish` கட்டளையைப் பயன்படுத்தவும். உங்கள் வெளியீட்டாளர் பெயரையும் உங்கள் PAT ஐயும் நீங்கள் வழங்க வேண்டும்.

நீட்டிப்பு மேம்பாட்டிற்கான சிறந்த நடைமுறைகள்

உயர்தர மற்றும் பராமரிக்கக்கூடிய VS Code நீட்டிப்புகளை உருவாக்க இந்த சிறந்த நடைமுறைகளைப் பின்பற்றவும்:

• TypeScript ஐப் பயன்படுத்தவும்: TypeScript நிலையான தட்டச்சு மற்றும் குறியீடு பராமரிப்பை மேம்படுத்துகிறது.
• யூனிட் சோதனைகளை எழுதவும்: உங்கள் நீட்டிப்பு சரியாக செயல்படுவதை உறுதிசெய்ய யூனிட் சோதனைகளை எழுதவும்.
• ஒரு லின்டரைப் பயன்படுத்தவும்: குறியீட்டு பாணி நிலைத்தன்மையைச் செயல்படுத்த ESLint போன்ற ஒரு லின்டரைப் பயன்படுத்தவும்.
• உங்கள் குறியீட்டை ஆவணப்படுத்தவும்: உங்கள் நீட்டிப்புக்கு தெளிவான மற்றும் சுருக்கமான ஆவணங்களை எழுதவும்.
• பிழைகளை நயமாகக் கையாளவும்: உங்கள் நீட்டிப்பு செயலிழப்பதைத் தடுக்க சரியான பிழை கையாளுதலைச் செயல்படுத்தவும்.
• செயல்திறனை மேம்படுத்தவும்: VS Code ஐ மெதுவாக்குவதைத் தவிர்க்க உங்கள் நீட்டிப்பின் செயல்திறனை மேம்படுத்தவும்.
• VS Code API வழிகாட்டுதல்களைப் பின்பற்றவும்: உங்கள் நீட்டிப்பு எடிட்டருடன் நன்கு ஒருங்கிணைக்கப்படுவதை உறுதிசெய்ய VS Code API வழிகாட்டுதல்களைப் பின்பற்றவும்.
• அணுகல்தன்மையைக் கருத்தில் கொள்ளுங்கள்: உங்கள் நீட்டிப்பை குறைபாடுகள் உள்ள பயனர்களுக்கு அணுகக்கூடியதாக மாற்றவும்.

சமூக ஆதாரங்கள்

VS Code நீட்டிப்பு மேம்பாடு பற்றி மேலும் அறிய சில மதிப்புமிக்க ஆதாரங்கள் இங்கே:

• VS Code Extension API ஆவணப்படுத்தல்: VS Code Extension API க்கான அதிகாரப்பூர்வ ஆவணப்படுத்தல்.
• VS Code Extension மாதிரிகள்: API இன் பல்வேறு அம்சங்களை நிரூபிக்கும் மாதிரி நீட்டிப்புகளின் தொகுப்பு.
• VS Code Marketplace: ஏற்கனவே உள்ள நீட்டிப்புகளைக் கண்டறியவும், அவற்றின் குறியீட்டிலிருந்து கற்றுக்கொள்ளவும் VS Code Marketplace ஐ உலாவுக.
• Stack Overflow: VS Code நீட்டிப்பு மேம்பாடு தொடர்பான கேள்விகளைக் கேட்டு பதில்களைக் கண்டறியவும்.
• GitHub: திறந்த மூல VS Code நீட்டிப்புகளை ஆராய்ந்து சமூகத்திற்கு பங்களிக்கவும்.

முடிவுரை

VS Code நீட்டிப்புகளை உருவாக்குவது உங்கள் கோடிங் சூழலைத் தனிப்பயனாக்கவும், உற்பத்தித்திறனை அதிகரிக்கவும், உங்கள் தீர்வுகளை உலகளாவிய டெவலப்பர் சமூகத்துடன் பகிர்ந்து கொள்ளவும் ஒரு சக்திவாய்ந்த வழியாகும். இந்த விரிவான வழிகாட்டியைப் பின்பற்றுவதன் மூலம், நீங்கள் நீட்டிப்பு மேம்பாட்டுக் கலையில் தேர்ச்சி பெறலாம் மற்றும் உங்களுக்கும் மற்றவர்களுக்கும் VS Code அனுபவத்தை மேம்படுத்தும் புதுமையான கருவிகளை உருவாக்கலாம். சமூகத்தை அரவணைக்கவும், திறந்த மூல திட்டங்களுக்கு பங்களிக்கவும், மேலும் எப்போதும் வளர்ந்து வரும் VS Code நீட்டிப்பு மேம்பாட்டு உலகை தொடர்ந்து கற்றுக் கொள்ளவும் ஆராயவும் நினைவில் கொள்ளுங்கள். வாழ்த்துக்கள் மற்றும் மகிழ்ச்சியான கோடிங்!