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

Visual Studio Code (VS Code) ஒரு இலவச, திறந்த மூல, குறுக்கு-தளம் குறியீடு எடிட்டராக, பல டெவலப்பர்களால் விரும்பப்படுகிறது. இது சக்திவாய்ந்த செயல்பாடுகள், ஏராளமான நீட்டிப்பு சூழல் அமைப்பு மற்றும் எளிய மற்றும் பயன்படுத்த எளிதான இடைமுகத்தைக் கொண்டுள்ளது. இந்த கட்டுரை சமீபத்திய X/Twitter விவாதத்துடன் இணைந்து, உங்கள் மேம்பாட்டு திறனை மேம்படுத்த உதவும் VS Code இன் நடைமுறை தந்திரங்கள் மற்றும் கருவிகளை உங்களுக்கு சுருக்கமாக வழங்குகிறது.

VS Code இன் கவர்ச்சி என்ன?

X/Twitter விவாதத்திலிருந்து, டெவலப்பர்கள் VS Code மீது கொண்டுள்ள ஆர்வத்தை நாம் காணலாம். @@freeCodeCamp VS Code இன் புகழ் மற்றும் இலவசம் பற்றி பலமுறை குறிப்பிட்டு, அது வழங்கும் ஏராளமான செயல்பாடுகளை வலியுறுத்துகிறது. @@chomado அவர் மிகவும் விரும்பும் எடிட்டரைப் பகிர்ந்துள்ளார், மேலும் முன்-இறுதி பொறியாளர்களுக்கான நீட்டிப்பு செயல்பாடுகளை பரிந்துரைத்தார்.

சுருக்கமாக, VS Code இன் முக்கிய நன்மைகள் பின்வருமாறு:

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

VS Code பயனுள்ள தந்திரங்கள்: உங்கள் மேம்பாட்டு திறனை மேம்படுத்துங்கள்

1. குறுக்குவழி விசைகளை மாஸ்டர் செய்யுங்கள்: VS Code ஏராளமான குறுக்குவழி விசைகளை வழங்குகிறது, இந்த குறுக்குவழி விசைகளை நன்கு அறிந்திருப்பது மேம்பாட்டு திறனை பெரிதும் மேம்படுத்தும். சில பொதுவான குறுக்குவழி விசைகள் இங்கே:

   • Ctrl+Shift+P (Windows/Linux) / Cmd+Shift+P (macOS): கட்டளைப் பலகத்தைத் திறக்கவும். இது VS Code இன் முக்கிய செயல்பாடுகளில் ஒன்றாகும், மேலும் கட்டளைப் பலகம் மூலம் பல்வேறு செயல்பாடுகளைச் செய்யலாம்.
   • Ctrl+P (Windows/Linux) / Cmd+P (macOS): கோப்பை விரைவாகத் திறக்கவும்.
   • Ctrl+Shift+O (Windows/Linux) / Cmd+Shift+O (macOS): சின்னத்திற்கு விரைவாகச் செல்லவும் (செயல்பாடு, வகுப்பு போன்றவை).
   • Ctrl+Shift+F (Windows/Linux) / Cmd+Shift+F (macOS): உலகளாவிய தேடல்.
   • Ctrl+D (Windows/Linux) / Cmd+D (macOS): அடுத்த பொருத்தத்தைத் தேர்ந்தெடுக்கவும். ஒரே நேரத்தில் பல ஒரே மாதிரியான உரைகளைத் திருத்தலாம்.
   • Alt+Shift+Down/Up (Windows/Linux) / Option+Shift+Down/Up (macOS): தற்போதைய வரியை அடுத்த வரிக்கு/முந்தைய வரிக்கு நகலெடுக்கவும்.
   • Ctrl+/ (Windows/Linux) / Cmd+/ (macOS): தற்போதைய வரியை அல்லது தேர்ந்தெடுக்கப்பட்ட குறியீடு தொகுதியை கருத்து தெரிவிக்கவும்/கருத்து நீக்கவும்.
   • Alt+Up/Down (Windows/Linux) / Option+Up/Down (macOS): தற்போதைய வரியை அல்லது தேர்ந்தெடுக்கப்பட்ட குறியீடு தொகுதியை மேலும் கீழும் நகர்த்தவும்.
   • Ctrl+K Ctrl+S: விசைப்பலகை குறுக்குவழி அமைப்புகள் இடைமுகத்தைத் திறக்கவும், குறுக்குவழிகளைப் பார்த்து தனிப்பயனாக்கலாம்.

2. கட்டளைப் பலகத்தை நன்கு பயன்படுத்தவும்: Ctrl+Shift+P / Cmd+Shift+P மூலம் கட்டளைப் பலகத்தைத் திறப்பதன் மூலம், பல்வேறு செயல்பாடுகளைச் செய்யலாம், உதாரணமாக:

   • Settings: அமைப்புகள் இடைமுகத்தைத் திறக்கவும்.

   • Extensions: Install Extension: நீட்டிப்பை நிறுவவும்.

   • Git: Commit: Git மாற்றங்களைச் சமர்ப்பிக்கவும்.

   • Format Document: தற்போதைய ஆவணத்தை வடிவமைக்கவும்.

   • Go to Symbol in Workspace: பணிப்பகுதியில் உள்ள சின்னத்திற்கு விரைவாகச் செல்லவும்.3. தனிப்பயன் அமைப்புகள்: VS Code பயனர்கள் தீம்கள், எழுத்துருக்கள், உள்தள்ளல் முறைகள் உட்பட பல்வேறு அமைப்புகளைத் தனிப்பயனாக்க அனுமதிக்கிறது. File -> Preferences -> Settings மூலம் அமைப்புகள் இடைமுகப்பைத் திறக்கலாம் அல்லது settings.json கோப்பை நேரடியாகத் திருத்தலாம்.

   • தீம்: உங்களுக்குப் பிடித்த தீமைத் தேர்ந்தெடுப்பது குறியீட்டு வசதியை மேம்படுத்தும்.

   • எழுத்துரு: பொருத்தமான எழுத்துருவைத் தேர்ந்தெடுப்பது குறியீட்டின் வாசிப்புத்திறனை மேம்படுத்தும். Fira Code, JetBrains Mono போன்ற நிலையான அகல எழுத்துருக்களைப் பயன்படுத்தப் பரிந்துரைக்கப்படுகிறது.

   • உள்தள்ளல் முறை: திட்ட விவரக்குறிப்புகளின்படி உள்தள்ளல் முறையை அமைக்கவும், இடைவெளிகள் அல்லது Tab விசையைப் பயன்படுத்தலாம்.

   • தானியங்கு சேமிப்பு: தானியங்கு சேமிப்பு செயல்பாட்டை இயக்குவது, சேமிக்க மறந்து குறியீட்டை இழப்பதைத் தவிர்க்கலாம்.

3. குறியீடு துணுக்குகளைப் (Code Snippets) பயன்படுத்துதல்: குறியீடு துணுக்குகள் பொதுவாகப் பயன்படுத்தப்படும் குறியீடு தொகுதிகளை விரைவாகச் செருக உங்களுக்கு உதவும். VS Code சில பொதுவான குறியீடு துணுக்குகளை உள்ளமைத்துள்ளது, மேலும் நீங்கள் குறியீடு துணுக்குகளைத் தனிப்பயனாக்கலாம்.

   • கட்டளைப் பலகத்தைத் திறந்து, Preferences: Configure User Snippets என உள்ளிட்டு, நீங்கள் திருத்த விரும்பும் மொழியைத் தேர்ந்தெடுத்து, பின்னர் குறியீடு துணுக்குகளைத் திருத்தலாம்.
   • உதாரணமாக, JavaScript-க்கு clog குறியீடு துணுக்கை உருவாக்கி, console.log() ஐ விரைவாகச் செருகலாம்:

   "Print to console": {
       "prefix": "clog",
       "body": [
           "console.log('$1');",
           "$2"
       ],
       "description": "Log output to console"
   }
   

4. பல கர்சர் எடிட்டிங்கைப் பயன்படுத்துதல்: Alt (Windows/Linux) / Option (macOS) விசையை அழுத்திப் பிடித்து, பின்னர் சுட்டியைக் கிளிக் செய்வதன் மூலம், பல இடங்களில் கர்சர்களை உருவாக்கி, ஒரே நேரத்தில் பல வரிக் குறியீட்டைத் திருத்தலாம். பல கர்சர் எடிட்டிங்கிற்கு அடுத்த பொருத்தத்தைத் தேர்ந்தெடுக்க Ctrl+D / Cmd+D ஐயும் பயன்படுத்தலாம்.

5. எடிட்டரைப் பிரித்தல்: எடிட்டரை பல சாளரங்களாகப் பிரித்து, ஒரே நேரத்தில் பல கோப்புகளைப் பார்த்துத் திருத்தலாம். எடிட்டரைப் பிரிக்க View -> Editor Layout -> Split Editor கட்டளையைப் பயன்படுத்தலாம்.

6. தொலைநிலை மேம்பாடு: VS Code Remote Development நீட்டிப்பை வழங்குகிறது, இது தொலைநிலை சேவையகத்தில் குறியீட்டை உள்நாட்டில் திருத்த உங்களை அனுமதிக்கிறது. சேவையகப் பக்க பயன்பாடுகளை உருவாக்குவதற்கு இது மிகவும் பயனுள்ளதாக இருக்கும்.

7. உலாவியில் VS Code ஐப் பயன்படுத்துதல்: @@Prathkum சுட்டிக்காட்டியபடி, vscode.dev ஐப் பார்வையிடுவதன் மூலம், நீங்கள் VS Code ஐ நேரடியாக உலாவியில் பயன்படுத்தலாம், இது வசதியானது மற்றும் விரைவானது. தற்காலிக எடிட்டிங் அல்லது VS Code நிறுவப்படாத சாதனத்தில் வேலை செய்வதற்கு இது மிகவும் பயனுள்ளதாக இருக்கும். @@CompuIves இன் பணி இதை மேலும் மேம்படுத்தியுள்ளது, அவர் VS Code ஐ நேரடியாக உலாவியில் இயக்குவதிலும், CodeSandbox இன் API உடன் இணைப்பதிலும் வெற்றி பெற்றுள்ளார்.

VS Code கருவிகள் பரிந்துரைகள்: உங்களுக்கென ஒரு பிரத்யேக IDE-ஐ உருவாக்குங்கள்

VS Code இன் வலிமை அதன் வளமான நீட்டிப்பு சூழலில் உள்ளது. பொதுவாகப் பயன்படுத்தப்படும் சில நீட்டிப்பு பரிந்துரைகள் இங்கே:

• Prettier: குறியீடு வடிவமைத்தல் கருவி, குறியீட்டை தானாக வடிவமைத்து, குறியீடு பாணியை சீராக வைத்திருக்க முடியும்.

  ext install esbenp.prettier-vscode
  

• ESLint: JavaScript குறியீடு சரிபார்ப்புக் கருவி, குறியீட்டில் உள்ள பிழைகள் மற்றும் சாத்தியமான சிக்கல்களைச் சரிபார்க்க முடியும்.

  ext install dbaeumer.vscode-eslint
  ```*   **EditorConfig for VS Code:** வெவ்வேறு எடிட்டர்களுக்கிடையில் குறியீடு பாணியின் நிலைத்தன்மையை பராமரிக்க உதவும் கருவி.
  
  ```shell
  ext install EditorConfig.EditorConfig
  

• Live Server: உள்ளூர் சேவையகத்தை விரைவாகத் தொடங்குகிறது, இது முன்-இறுதி குறியீட்டை பிழைத்திருத்தம் செய்ய வசதியானது. @@ThreatSynop Live Server இன் பாதுகாப்பு பாதிப்பைக் குறிப்பிடுகிறது, டெவலப்பர்கள் நீட்டிப்பைப் பயன்படுத்தும் போது பாதுகாப்பைக் கவனிக்க வேண்டும் என்று எச்சரிக்கிறது.

  ext install ritwickdey.LiveServer
  

• Code Runner: பல நிரலாக்க மொழிகளின் இயக்கத்தை ஆதரிக்கிறது, குறியீடு துணுக்குகளை விரைவாக சோதிக்க வசதியானது. அதேபோல், @@ThreatSynop Code Runner இன் பாதுகாப்பு பாதிப்பையும் சுட்டிக்காட்டுகிறது.

  ext install formulahendry.code-runner
  

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

  ext install eamodio.gitlens
  

• Bracket Pair Colorizer: அடைப்புக்குறிகளை வண்ணமயமாக்குகிறது, குறியீடு கட்டமைப்பை பார்க்க வசதியானது.

  ext install CoenraadS.bracket-pair-colorizer-2
  

• IntelliCode: (Microsoft ஆல் வழங்கப்பட்டது) AI உதவியுடன் குறியீடு நிறைவு, சூழலுக்கு ஏற்ப மிகவும் அறிவார்ந்த குறியீடு பரிந்துரைகளை வழங்க முடியும்.

  ext install visualstudioexptteam.vscodeintellicode
  

• VS Code Copilot: (GitHub ஆல் வழங்கப்பட்டது, கட்டணத்துடன்) AI குறியீடு உதவியாளர், உங்கள் குறியீட்டின் அடிப்படையில் குறியீடு துணுக்குகள், செயல்பாடுகள் அல்லது முழு கோப்புகளையும் உருவாக்க முடியும். VS Code Copilot இன் அதிக செலவு-செயல்திறனை @@aadhilkh குறிப்பிடுகிறார்.

• Markdown Preview Enhanced: சிறந்த Markdown முன்னோட்டம் சொருகி. @@ThreatSynop இந்த சொருகியில் பாதுகாப்பு சிக்கல்கள் இருப்பதாகவும், கவனமாக இருக்க வேண்டும் என்றும் சுட்டிக்காட்டுகிறது.

  ext install shd101wyy.markdown-preview-enhanced
  

• Remote Development 扩展包: SSH, Containers, WSL போன்ற நீட்டிப்புகளை உள்ளடக்கியது, தொலைநிலை மேம்பாட்டிற்கு வசதியானது.

LLM மற்றும் VS Code ஒருங்கிணைப்பு பற்றி

X/Twitter இல் LLM மற்றும் VS Code ஒருங்கிணைப்பு பற்றிய சில விவாதங்களும் உள்ளன. VS Code இல் LLM ஐப் பயிற்றுவிக்கும் முறையை @@akshay_pachaar பகிர்ந்துள்ளார். Anthropic இன் AI குறியீட்டு முகவர் "Claude Code" VS Code உடன் ஒருங்கிணைக்கப்படுவதை @@MacopeninSUTABA குறிப்பிடுகிறார். இவை அனைத்தும் எதிர்கால வளர்ச்சியில் AI ஒரு முக்கிய பங்கு வகிக்கும் என்பதைக் குறிக்கிறது.

பாதுகாப்பு குறிப்புகள்

@@ThreatSynop குறிப்பிட்டது போல், சில VS Code நீட்டிப்புகளில் பாதுகாப்பு பாதிப்புகள் உள்ளன, இது கோப்பு திருட்டு மற்றும் தொலைநிலை குறியீடு செயல்படுத்தலுக்கு வழிவகுக்கும். எனவே, நீட்டிப்புகளைப் பயன்படுத்தும் போது, பின்வரும் புள்ளிகளைக் கவனியுங்கள்:

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

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