VS Code ਦੇ ਬਿਹਤਰ ਅਭਿਆਸ ਅਤੇ ਉਪਯੋਗੀ ਟਿੱਪਸ

ਵਿਕਾਸਕਾਂ ਦੀ ਦੁਨੀਆ ਵਿੱਚ, ਸਹੀ ਵਿਕਾਸ ਟੂਲ ਦੀ ਚੋਣ ਕਰਨਾ ਬਹੁਤ ਜਰੂਰੀ ਹੈ। VS Code (Visual Studio Code) ਆਪਣੇ ਸ਼ਕਤੀਸ਼ਾਲੀ ਫੰਕਸ਼ਨ ਅਤੇ ਵਿਸ਼ਾਲ ਸਮੁਦਾਇਕ ਸਮਰਥਨ ਦੇ ਨਾਲ, ਕਈ ਵਿਕਾਸਕਾਂ ਦਾ ਪਹਿਲਾ ਚੋਣ ਬਣ ਗਿਆ ਹੈ। ਇਸ ਲੇਖ ਵਿੱਚ, ਅਸੀਂ ਕੁਝ VS Code ਦੇ ਬਿਹਤਰ ਅਭਿਆਸ ਅਤੇ ਉਪਯੋਗੀ ਟਿੱਪਸ ਸਾਂਝੇ ਕਰਾਂਗੇ, ਤਾਂ ਜੋ ਤੁਸੀਂ ਕੋਡਿੰਗ ਦੀ ਕੁਸ਼ਲਤਾ ਨੂੰ ਵਧਾ ਸਕੋ ਅਤੇ ਕੰਮ ਕਰਨ ਦੀ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਸੁਧਾਰ ਸਕੋ।

1. ਮੂਲ ਟੈਗਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਸਿੱਖੋ

VS Code ਦਾ ਇੱਕ ਪ੍ਰਮੁੱਖ ਵਿਸ਼ੇਸ਼ਤਾ ਇਹ ਹੈ ਕਿ ਇਹ ਮੂਲ ਟੈਗਾਂ ਦੀ ਫੰਕਸ਼ਨਲਿਟੀ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ। ਇਸ ਫੰਕਸ਼ਨ ਦੇ ਜ਼ਰੀਏ, ਤੁਸੀਂ ਕਈ ਵਿੰਡੋਆਂ ਨੂੰ ਇੱਕ "ਵੱਡੇ" ਵਿੰਡੋ ਵਿੱਚ ਜੋੜ ਸਕਦੇ ਹੋ ਅਤੇ ਉੱਪਰ ਨੈਵੀਗੇਟ ਕਰ ਸਕਦੇ ਹੋ। ਇਹ ਨਾ ਸਿਰਫ ਕਈ ਪ੍ਰੋਜੈਕਟਾਂ ਦੇ ਦ੍ਰਿਸ਼ ਨੂੰ ਸੰਕਲਿਤ ਅਤੇ ਸੁਚਾਰੂ ਬਣਾਉਂਦਾ ਹੈ, ਸਗੋਂ ਵੱਖ-ਵੱਖ ਵਿੰਡੋਆਂ ਵਿੱਚ ਬਦਲਣ ਵੇਲੇ ਹੋਣ ਵਾਲੀ ਗੜਬੜ ਨੂੰ ਵੀ ਘਟਾਉਂਦਾ ਹੈ।

ਕਦਮ:

1. ਕਈ ਫਾਈਲਾਂ ਖੋਲ੍ਹੋ: ਖੱਬੇ ਪਾਸੇ ਦੇ ਰਿਸੋਰਸ ਮੈਨੇਜਰ ਵਿੱਚ ਫਾਈਲਾਂ 'ਤੇ ਕਲਿੱਕ ਕਰਨ ਨਾਲ ਇਹ ਨਵੇਂ ਟੈਗ ਵਿੱਚ ਖੁਲ੍ਹੇਗੀ।
2. ਟੈਗ ਬਦਲੋ: Ctrl + 1, 2, ... ਸ਼ਾਰਟਕਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਤੁਸੀਂ ਵੱਖ-ਵੱਖ ਟੈਗਾਂ ਵਿੱਚ ਤੇਜ਼ੀ ਨਾਲ ਬਦਲ ਸਕਦੇ ਹੋ।
3. ਟੈਗ ਬੰਦ ਕਰੋ: ਟੈਗ ਦੇ ਸੱਜੇ ਪਾਸੇ "×" 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਬੰਦ ਕਰੋ, ਹੁਣ ਮਾਊਸ ਨਾਲ ਬੰਦ ਕਰਨ ਵਾਲੇ ਬਟਨ ਨੂੰ ਖੋਜਣ ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ।

2. ਪਲੱਗਇਨ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕੰਮ ਦੀ ਕੁਸ਼ਲਤਾ ਵਧਾਓ

VS Code ਵਿੱਚ ਇੱਕ ਵਿਸ਼ਾਲ ਪਲੱਗਇਨ ਮਾਰਕੀਟ ਹੈ, ਜੋ ਤੁਹਾਨੂੰ ਕੋਡਿੰਗ ਅਤੇ ਵਿਕਾਸ ਦੀ ਕੁਸ਼ਲਤਾ ਵਧਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦੀ ਹੈ। ਹੇਠਾਂ ਕੁਝ ਸਿਫਾਰਸ਼ ਕੀਤੇ ਗਏ ਜ਼ਰੂਰੀ ਪਲੱਗਇਨ ਹਨ:

• Prettier: ਕੋਡ ਨੂੰ ਆਪਣੇ ਆਪ ਫਾਰਮੈਟ ਕਰਦਾ ਹੈ, ਕੋਡ ਸ਼ੈਲੀ ਨੂੰ ਸਥਿਰ ਰੱਖਦਾ ਹੈ।
• ESLint: ਜਾਵਾਸਕ੍ਰਿਪਟ/ਟਾਈਪਸਕ੍ਰਿਪਟ ਕੋਡ ਦੀ ਤੁਰੰਤ ਜਾਂਚ ਕਰਦਾ ਹੈ, ਸੰਭਾਵਿਤ ਗਲਤੀਆਂ ਨੂੰ ਪਕੜਦਾ ਹੈ।
• GitLens: Git ਵਰਜਨ ਨਿਯੰਤਰਣ ਦੇ ਅਨੁਭਵ ਨੂੰ ਮਜ਼ਬੂਤ ਕਰਦਾ ਹੈ, ਕੋਡ ਦੇ ਲੇਖਕ, ਬਦਲਾਅ ਦਾ ਰਿਕਾਰਡ ਆਦਿ ਜਾਣਕਾਰੀ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।

ਪਲੱਗਇਨ ਇੰਸਟਾਲ ਕਰਨ ਦੇ ਕਦਮ:

1. ਪਾਸੇ ਦੀ ਬਾਰ ਵਿੱਚ ਵਿਸਥਾਰ ਦ੍ਰਿਸ਼ (Ctrl + Shift + X) ਖੋਲ੍ਹੋ।
2. ਖੋਜ ਬਾਕਸ ਵਿੱਚ ਪਲੱਗਇਨ ਦਾ ਨਾਮ ਦਰਜ ਕਰੋ, ਮਿਲਣ 'ਤੇ "ਇੰਸਟਾਲ" 'ਤੇ ਕਲਿੱਕ ਕਰੋ।

3. ਸ਼ਾਰਟਕਟ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਸਿੱਖੋ

ਆਮ ਸ਼ਾਰਟਕਟਾਂ ਨੂੰ ਸਿੱਖਣਾ ਤੁਹਾਡੇ ਵਿਕਾਸ ਦੀ ਕੁਸ਼ਲਤਾ ਨੂੰ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਤਰੀਕੇ ਨਾਲ ਵਧਾ ਸਕਦਾ ਹੈ। ਇੱਥੇ ਕੁਝ ਯਾਦ ਰੱਖਣ ਵਾਲੇ VS Code ਸ਼ਾਰਟਕਟ ਹਨ:

• ਕਮਾਂਡ ਪੈਨਲ ਖੋਲ੍ਹੋ: Ctrl + Shift + P
• ਫਾਈਲ ਖੋਜ: Ctrl + P
• ਕੋਡ ਨੂੰ ਟਿੱਪਣੀ ਕਰੋ: Ctrl + /
• ਕੋਡ ਫੋਲਡ ਕਰੋ: Ctrl + K Ctrl + [ ਜਾਂ Ctrl + K Ctrl + ]

ਵੱਧ ਤੋਂ ਵੱਧ ਅਭਿਆਸ ਕਰਕੇ, ਸ਼ਾਰਟਕਟ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਆਦਤ ਬਣਾਉਣਾ ਤੁਹਾਡੇ ਕੋਡਿੰਗ ਅਨੁਭਵ ਨੂੰ ਵੱਡੇ ਪੱਧਰ 'ਤੇ ਸੁਧਾਰ ਦੇਵੇਗਾ।

4. ਟਰਮੀਨਲ ਦੀ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਵਰਤੋਂ

VS Code ਵਿੱਚ ਬਣਿਆ ਟਰਮੀਨਲ ਫੰਕਸ਼ਨ ਬਹੁਤ ਸ਼ਕਤੀਸ਼ਾਲੀ ਹੈ, ਜੋ ਤੁਹਾਨੂੰ ਸੰਪਾਦਕ ਛੱਡਣ ਦੇ ਬਿਨਾਂ ਕਮਾਂਡ ਲਾਈਨ ਚਲਾਉਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ। ਵਿਕਾਸ ਦੇ ਦੌਰਾਨ, ਟਰਮੀਨਲ ਦੀ ਪੂਰੀ ਵਰਤੋਂ ਕਰਨ ਨਾਲ ਸਮਾਂ ਅਤੇ ਸ਼ਕਤੀ ਬਹੁਤ ਬਚਾਈ ਜਾ ਸਕਦੀ ਹੈ।

ਟਰਮੀਨਲ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੇ ਸੁਝਾਅ:

• ਟਰਮੀਨਲ ਖੋਲ੍ਹੋ: Ctrl + (ਵਾਪਸ ਉੱਪਰ) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਟਰਮੀਨਲ ਨੂੰ ਤੇਜ਼ੀ ਨਾਲ ਖੋਲ੍ਹੋ।
• ਕਈ ਟਰਮੀਨਲ ਬਣਾਓ: ਸੱਜੇ ਉੱਪਰ "+" ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ, ਤੁਸੀਂ ਕਈ ਟਰਮੀਨਲ ਬਣਾਉਣਗੇ।
• ਟਰਮੀਨਲ ਬਦਲੋ: Ctrl + Page Up/Page Down ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਖੁਲੇ ਹੋਏ ਟਰਮੀਨਲ ਵਿੱਚ ਤੇਜ਼ੀ ਨਾਲ ਬਦਲੋ।

5. ਯੂਨਿਟ ਟੈਸਟਿੰਗ ਅਤੇ ਡਿਬੱਗਿੰਗ

ਵਿਕਾਸ ਦੇ ਦੌਰਾਨ, ਸਮੇਂ ਸਿਰ ਯੂਨਿਟ ਟੈਸਟਿੰਗ ਅਤੇ ਡਿਬੱਗਿੰਗ ਕੋਡ ਦੀ ਗੁਣਵੱਤਾ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਦਾ ਮਹੱਤਵਪੂਰਨ ਹਿੱਸਾ ਹੈ। VS Code ਸ਼ਕਤੀਸ਼ਾਲੀ ਡਿਬੱਗਿੰਗ ਫੰਕਸ਼ਨ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ, ਤੁਸੀਂ ਆਸਾਨੀ ਨਾਲ ਬ੍ਰੇਕਪੌਇੰਟ ਸੈੱਟ ਕਰ ਸਕਦੇ ਹੋ, ਕੋਡ ਨੂੰ ਕਦਮ ਦਰ ਕਦਮ ਚਲਾ ਸਕਦੇ ਹੋ, ਅਤੇ ਵੈਰੀਏਬਲ ਦੀ ਸਥਿਤੀ ਦੇਖ ਸਕਦੇ ਹੋ।

ਡਿਬੱਗਿੰਗ ਦੇ ਕਦਮ:

1. ਕੋਡ ਦੀ ਲਾਈਨ ਨੰਬਰ ਦੇ ਖੱਬੇ ਪਾਸੇ ਕਲਿੱਕ ਕਰਕੇ ਬ੍ਰੇਕਪੌਇੰਟ ਸੈੱਟ ਕਰੋ।
2. ਡਿਬੱਗਿੰਗ ਦ੍ਰਿਸ਼ ਵਿੱਚ ਜਾਓ (ਖੱਬੇ ਪੈਨਲ ਦੇ ਡਿਬੱਗ ਆਈਕਨ)।
3. "ਡਿਬੱਗ ਸ਼ੁਰੂ ਕਰੋ" 'ਤੇ ਕਲਿੱਕ ਕਰੋ, ਉਚਿਤ ਚਲਾਉਣ ਵਾਲੇ ਵਾਤਾਵਰਣ (ਜਿਵੇਂ Node.js) ਦੀ ਚੋਣ ਕਰੋ।
4. ਸੰਬੰਧਿਤ ਸੰਰਚਨਾ ਫਾਈਲਾਂ ਸੈੱਟ ਕਰੋ, VS Code ਆਪਣੇ ਆਪ ਸੁਝਾਅ ਦੇਵੇਗਾ।

6. ਨਿੱਜੀ ਸੰਰਚਨਾ ਪ੍ਰਬੰਧਨ

VS Code ਤੁਹਾਨੂੰ settings.json ਸੰਰਚਨਾ ਫਾਈਲ ਰਾਹੀਂ ਬਹੁਤ ਹੀ ਵਿਸ਼ਾਲ ਵਿਕਾਸ ਵਾਤਾਵਰਣ ਨੂੰ ਕਸਟਮਾਈਜ਼ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ। ਤੁਸੀਂ ਆਪਣੇ ਜ਼ਰੂਰਤਾਂ ਦੇ ਅਨੁਸਾਰ ਵੱਖ-ਵੱਖ ਸੈਟਿੰਗਾਂ ਨੂੰ ਸੋਧ ਸਕਦੇ ਹੋ, ਜਿਵੇਂ ਕਿ ਥੀਮ, ਫੋਂਟ, ਇੰਡੈਂਟ ਆਦਿ।

ਨਿੱਜੀ ਸੰਰਚਨਾ ਸੈੱਟ ਕਰਨ ਦੇ ਕਦਮ:

1. ਕਮਾਂਡ ਪੈਨਲ ਖੋਲ੍ਹੋ ( Ctrl + Shift + P ), "Preferences: Open Settings (JSON)" ਦਰਜ ਕਰੋ।
2. settings.json ਵਿੱਚ ਤੁਹਾਨੂੰ ਲੋੜੀਂਦੇ ਸੰਰਚਨਾ ਆਈਟਮ ਸ਼ਾਮਲ ਕਰੋ, ਉਦਾਹਰਣ ਲਈ:

   {
       "editor.fontSize": 14,
       "editor.tabSize": 4,
       "editor.wordWrap": "on"
   }
   

7. ਵਰਜਨ ਨਿਯੰਤਰਣ ਪ੍ਰਣਾਲੀ ਦੀ ਵਰਤੋਂ ਕਰੋ

ਆਧੁਨਿਕ ਸਾਫਟਵੇਅਰ ਵਿਕਾਸ ਵਿੱਚ, ਵਰਜਨ ਨਿਯੰਤਰਣ ਪ੍ਰਣਾਲੀ (ਜਿਵੇਂ Git) ਦੀ ਵਰਤੋਂ ਹੁਣ ਇੱਕ ਅਟੱਲ ਹਿੱਸਾ ਬਣ ਚੁੱਕੀ ਹੈ। VS Code ਦਾ Git ਇੰਟੀਗ੍ਰੇਸ਼ਨ ਫੰਕਸ਼ਨ ਤੁਹਾਨੂੰ IDE ਵਿੱਚ ਸਿੱਧਾ ਸਾਰੇ Git ਕਮਾਂਡ ਚਲਾਉਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ, ਬਿਨਾਂ ਕੋਡਿੰਗ ਵਾਤਾਵਰਣ ਨੂੰ ਛੱਡਣ ਦੀ ਜ਼ਰੂਰਤ।

Git ਮੂਲ ਕਾਰਵਾਈਆਂ:

• ਫਰਕ ਵੇਖੋ: ਸਰੋਤ ਕੋਡ ਪ੍ਰਬੰਧਨ ਆਈਕਨ ਦੇ ਹੇਠਾਂ, ਤੁਸੀਂ ਅਣਜਾਣੇ ਬਦਲਾਅ ਵੇਖ ਸਕਦੇ ਹੋ।
• ਬਦਲਾਅ ਨੂੰ ਸੌਂਪੋ: ਸੱਜੇ ਪਾਸੇ ਦੇ ਇਨਪੁਟ ਬਾਕਸ ਵਿੱਚ ਸੌਂਪਣ ਦੀ ਜਾਣਕਾਰੀ ਦਰਜ ਕਰੋ, "✓" 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਸੌਂਪੋ।
• ਇਤਿਹਾਸ ਵੇਖੋ: ਫਾਈਲ ਜਾਂ ਫੋਲਡਰ 'ਤੇ ਸੱਜੇ ਕਲਿੱਕ ਕਰੋ, "ਇਤਿਹਾਸ ਵੇਖੋ" ਚੁਣੋ।

8. AI ਕੋਡਿੰਗ ਸਹਾਇਕ Codex ਦੀ ਇਕੱਠ

AI ਕੋਡਿੰਗ ਸਹਾਇਕ ਜਿਵੇਂ GitHub Copilot ਵਿਕਾਸਕਾਂ ਨੂੰ ਕੋਡ ਲਿਖਣ ਵਿੱਚ ਤੇਜ਼ੀ ਲਿਆਉਣ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦੇ ਹਨ। VS Code ਕਈ Codex ਦੇ ਇੰਟੀਗ੍ਰੇਸ਼ਨ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ, ਇਨ੍ਹਾਂ AI ਟੂਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਨਾਲ ਤੁਸੀਂ ਥਕਾਵਟ ਭਰੇ ਕੋਡਿੰਗ ਕੰਮ ਨੂੰ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਤਰੀਕੇ ਨਾਲ ਪੂਰਾ ਕਰ ਸਕਦੇ ਹੋ।

Codex ਦੀ ਵਰਤੋਂ:

1. GitHub Copilot ਪਲੱਗਇਨ ਇੰਸਟਾਲ ਕਰੋ।
2. ਕੋਡ ਲਿਖਣ ਦੇ ਦੌਰਾਨ, Copilot ਸੰਦਰਭ ਦੇ ਅਨੁਸਾਰ ਆਪਣੇ ਆਪ ਕੋਡ ਸੁਝਾਅ ਪ੍ਰਦਾਨ ਕਰੇਗਾ, ਸੁਝਾਅ ਨੂੰ ਸਵੀਕਾਰ ਕਰਨ ਲਈ Tab ਦਬਾਓ।

ਨਿਸ਼ਕਰਸ਼

VS Code ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ ਕੋਡ ਸੰਪਾਦਕ ਦੇ ਤੌਰ 'ਤੇ, ਇਸ ਦੀ ਸ਼ਾਨਦਾਰ ਪਲੱਗਇਨ ਇਕੋਸਿਸਟਮ, ਤੇਜ਼ ਕਾਰਵਾਈ ਦਾ ਅਨੁਭਵ ਅਤੇ ਸ਼ਕਤੀਸ਼ਾਲੀ ਡਿਬੱਗਿੰਗ ਸਮਰਥਾ ਵਿਕਾਸਕਾਂ ਨੂੰ ਵੱਖ-ਵੱਖ ਕੋਡਿੰਗ ਕੰਮਾਂ ਨੂੰ ਜ਼ਿਆਦਾ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਤਰੀਕੇ ਨਾਲ ਪੂਰਾ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ। ਉਪਰੋਕਤ ਬਿਹਤਰ ਅਭਿਆਸਾਂ ਰਾਹੀਂ, ਤੁਸੀਂ ਆਪਣੇ ਕੋਡਿੰਗ ਦੀ ਕੁਸ਼ਲਤਾ ਨੂੰ ਮਹੱਤਵਪੂਰਨ ਤਰੀਕੇ ਨਾਲ ਵਧਾ ਸਕਦੇ ਹੋ, ਜਿਸ ਨਾਲ ਵਿਕਾਸ ਹੋਰ ਆਸਾਨ ਅਤੇ ਦਿਲਚਸਪ ਬਣ ਜਾਂਦਾ ਹੈ। ਉਮੀਦ ਹੈ ਕਿ ਇਹ ਅਨੁਭਵ ਤੁਹਾਡੇ ਲਈ ਮਦਦਗਾਰ ਸਾਬਤ ਹੋਵੇਗਾ, ਤੁਹਾਨੂੰ ਕੋਡਿੰਗ ਵਿੱਚ ਮਜ਼ਾ ਆਵੇ!