VS Code ਵਰਤੋਂਕਾਰ ਗਾਈਡ: ਕੁਸ਼ਲ ਡਿਵੈਲਪਰਾਂ ਲਈ ਜ਼ਰੂਰੀ ਟਿਪਸ ਅਤੇ ਟੂਲ ਸਿਫ਼ਾਰਸ਼ਾਂ
VS Code ਵਰਤੋਂਕਾਰ ਗਾਈਡ: ਕੁਸ਼ਲ ਡਿਵੈਲਪਰਾਂ ਲਈ ਜ਼ਰੂਰੀ ਟਿਪਸ ਅਤੇ ਟੂਲ ਸਿਫ਼ਾਰਸ਼ਾਂ\n\nVisual Studio Code (VS Code) ਇੱਕ ਮੁਫ਼ਤ, ਓਪਨ-ਸੋਰਸ, ਕਰਾਸ-ਪਲੇਟਫਾਰਮ ਕੋਡ ਐਡੀਟਰ ਵਜੋਂ, ਬਹੁਤ ਸਾਰੇ ਡਿਵੈਲਪਰਾਂ ਦੁਆਰਾ ਪਸੰਦ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਇਸ ਵਿੱਚ ਸ਼ਕਤੀਸ਼ਾਲੀ ਫੰਕਸ਼ਨ, ਭਰਪੂਰ ਐਕਸਟੈਂਸ਼ਨ ਈਕੋਸਿਸਟਮ, ਅਤੇ ਇੱਕ ਸਧਾਰਨ ਅਤੇ ਵਰਤੋਂ ਵਿੱਚ ਆਸਾਨ ਇੰਟਰਫੇਸ ਹੈ। ਇਹ ਲੇਖ ਹਾਲ ਹੀ ਵਿੱਚ X/Twitter 'ਤੇ ਹੋਈ ਚਰਚਾ ਦੇ ਨਾਲ ਮਿਲ ਕੇ, ਤੁਹਾਡੀ ਵਿਕਾਸ ਕੁਸ਼ਲਤਾ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰਨ ਲਈ VS Code ਦੀਆਂ ਉਪਯੋਗੀ ਟਿਪਸ ਅਤੇ ਟੂਲ ਸਿਫ਼ਾਰਸ਼ਾਂ ਦਾ ਸਾਰ ਦੇਵੇਗਾ।\n\n## VS Code ਦਾ ਆਕਰਸ਼ਣ ਕੀ ਹੈ?\n\nX/Twitter 'ਤੇ ਹੋਈ ਚਰਚਾ ਤੋਂ, ਅਸੀਂ ਦੇਖ ਸਕਦੇ ਹਾਂ ਕਿ ਡਿਵੈਲਪਰ VS Code ਬਾਰੇ ਕਿੰਨੇ ਉਤਸ਼ਾਹਿਤ ਹਨ। @@freeCodeCamp ਨੇ ਕਈ ਵਾਰ VS Code ਦੀ ਪ੍ਰਸਿੱਧੀ ਅਤੇ ਮੁਫ਼ਤ ਹੋਣ ਦਾ ਜ਼ਿਕਰ ਕੀਤਾ, ਅਤੇ ਇਸ ਦੁਆਰਾ ਪ੍ਰਦਾਨ ਕੀਤੇ ਗਏ ਭਰਪੂਰ ਫੰਕਸ਼ਨਾਂ 'ਤੇ ਜ਼ੋਰ ਦਿੱਤਾ। @@chomado ਨੇ ਉਸਦਾ ਮਨਪਸੰਦ ਐਡੀਟਰ ਸਾਂਝਾ ਕੀਤਾ, ਅਤੇ ਫਰੰਟ-ਐਂਡ ਇੰਜੀਨੀਅਰਾਂ ਲਈ ਐਕਸਟੈਂਸ਼ਨ ਫੰਕਸ਼ਨਾਂ ਦੀ ਸਿਫ਼ਾਰਸ਼ ਕੀਤੀ।\n\nਸੰਖੇਪ ਵਿੱਚ, VS Code ਦੇ ਮੁੱਖ ਫਾਇਦੇ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ:\n\n* ਮੁਫ਼ਤ ਅਤੇ ਓਪਨ ਸੋਰਸ: ਕੋਈ ਵੀ ਇਸਨੂੰ ਮੁਫ਼ਤ ਵਿੱਚ ਵਰਤ ਸਕਦਾ ਹੈ, ਅਤੇ ਕਮਿਊਨਿਟੀ ਦੇ ਵਿਕਾਸ ਵਿੱਚ ਹਿੱਸਾ ਲੈ ਸਕਦਾ ਹੈ।\n* ਕਰਾਸ-ਪਲੇਟਫਾਰਮ: Windows, macOS, Linux ਅਤੇ ਹੋਰ ਓਪਰੇਟਿੰਗ ਸਿਸਟਮਾਂ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ।\n* ਹਲਕਾ: ਤੇਜ਼ੀ ਨਾਲ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ, ਅਤੇ ਘੱਟ ਸਰੋਤ ਵਰਤਦਾ ਹੈ।\n* ਸ਼ਕਤੀਸ਼ਾਲੀ ਐਕਸਟੈਂਸ਼ਨ ਈਕੋਸਿਸਟਮ: ਐਕਸਟੈਂਸ਼ਨਾਂ ਨੂੰ ਸਥਾਪਿਤ ਕਰਕੇ, VS Code ਦੇ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਵਧਾਇਆ ਜਾ ਸਕਦਾ ਹੈ, ਅਤੇ ਵਿਕਾਸ ਦੀਆਂ ਵੱਖ-ਵੱਖ ਲੋੜਾਂ ਨੂੰ ਪੂਰਾ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।\n* ਇਨ-ਬਿਲਟ ਡੀਬੱਗਿੰਗ ਟੂਲ: ਕਈ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੀ ਡੀਬੱਗਿੰਗ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਸਮੱਸਿਆਵਾਂ ਨੂੰ ਤੇਜ਼ੀ ਨਾਲ ਲੱਭਣ ਅਤੇ ਹੱਲ ਕਰਨ ਵਿੱਚ ਮਦਦ ਮਿਲਦੀ ਹੈ।\n* ਏਕੀਕ੍ਰਿਤ Git: ਡਿਵੈਲਪਰਾਂ ਲਈ ਵਰਜਨ ਕੰਟਰੋਲ ਕਰਨਾ ਸੁਵਿਧਾਜਨਕ ਹੈ।\n* ਸਮਾਰਟ ਸੁਝਾਅ: ਕੋਡ ਪੂਰਾ ਕਰਨ, ਸਿੰਟੈਕਸ ਜਾਂਚ ਅਤੇ ਹੋਰ ਫੰਕਸ਼ਨ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਕੋਡਿੰਗ ਕੁਸ਼ਲਤਾ ਵਿੱਚ ਸੁਧਾਰ ਹੁੰਦਾ ਹੈ।\n\n## VS Code ਉਪਯੋਗੀ ਟਿਪਸ: ਆਪਣੀ ਵਿਕਾਸ ਕੁਸ਼ਲਤਾ ਵਿੱਚ ਸੁਧਾਰ ਕਰੋ\n\n1. ਸ਼ਾਰਟਕੱਟ ਕੁੰਜੀਆਂ ਵਿੱਚ ਮੁਹਾਰਤ ਹਾਸਲ ਕਰੋ: VS Code ਬਹੁਤ ਸਾਰੀਆਂ ਸ਼ਾਰਟਕੱਟ ਕੁੰਜੀਆਂ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ, ਅਤੇ ਇਹਨਾਂ ਸ਼ਾਰਟਕੱਟ ਕੁੰਜੀਆਂ ਵਿੱਚ ਮੁਹਾਰਤ ਹਾਸਲ ਕਰਨਾ ਵਿਕਾਸ ਕੁਸ਼ਲਤਾ ਵਿੱਚ ਬਹੁਤ ਸੁਧਾਰ ਕਰ ਸਕਦਾ ਹੈ। ਇੱਥੇ ਕੁਝ ਆਮ ਤੌਰ 'ਤੇ ਵਰਤੀਆਂ ਜਾਣ ਵਾਲੀਆਂ ਸ਼ਾਰਟਕੱਟ ਕੁੰਜੀਆਂ ਹਨ:\n\n * Ctrl+Shift+P (Windows/Linux) / Cmd+Shift+P (macOS): ਕਮਾਂਡ ਪੈਨਲ ਖੋਲ੍ਹੋ। ਇਹ VS Code ਦੇ ਮੁੱਖ ਫੰਕਸ਼ਨਾਂ ਵਿੱਚੋਂ ਇੱਕ ਹੈ, ਅਤੇ ਕਮਾਂਡ ਪੈਨਲ ਰਾਹੀਂ ਵੱਖ-ਵੱਖ ਕਾਰਵਾਈਆਂ ਕੀਤੀਆਂ ਜਾ ਸਕਦੀਆਂ ਹਨ।\n * Ctrl+P (Windows/Linux) / Cmd+P (macOS): ਫਾਈਲ ਨੂੰ ਜਲਦੀ ਖੋਲ੍ਹੋ।\n * Ctrl+Shift+O (Windows/Linux) / Cmd+Shift+O (macOS): ਚਿੰਨ੍ਹ (ਫੰਕਸ਼ਨ, ਕਲਾਸ, ਆਦਿ) 'ਤੇ ਜਲਦੀ ਜਾਓ।\n * Ctrl+Shift+F (Windows/Linux) / Cmd+Shift+F (macOS): ਗਲੋਬਲ ਖੋਜ।\n * Ctrl+D (Windows/Linux) / Cmd+D (macOS): ਅਗਲੇ ਮੈਚ ਨੂੰ ਚੁਣੋ। ਇੱਕੋ ਸਮੇਂ ਕਈ ਇੱਕੋ ਜਿਹੇ ਟੈਕਸਟ ਨੂੰ ਸੰਪਾਦਿਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।\n * Alt+Shift+Down/Up (Windows/Linux) / Option+Shift+Down/Up (macOS): ਮੌਜੂਦਾ ਲਾਈਨ ਨੂੰ ਅਗਲੀ ਲਾਈਨ/ਪਿਛਲੀ ਲਾਈਨ 'ਤੇ ਕਾਪੀ ਕਰੋ।\n * Ctrl+/ (Windows/Linux) / Cmd+/ (macOS): ਮੌਜੂਦਾ ਲਾਈਨ ਜਾਂ ਚੁਣੇ ਹੋਏ ਕੋਡ ਬਲਾਕ ਨੂੰ ਟਿੱਪਣੀ ਕਰੋ/ਅਣ-ਟਿੱਪਣੀ ਕਰੋ।\n * Alt+Up/Down (Windows/Linux) / Option+Up/Down (macOS): ਮੌਜੂਦਾ ਲਾਈਨ ਜਾਂ ਚੁਣੇ ਹੋਏ ਕੋਡ ਬਲਾਕ ਨੂੰ ਉੱਪਰ/ਹੇਠਾਂ ਭੇਜੋ।\n * Ctrl+K Ctrl+S: ਕੀਬੋਰਡ ਸ਼ਾਰਟਕੱਟ ਸੈਟਿੰਗ ਇੰਟਰਫੇਸ ਖੋਲ੍ਹੋ, ਜਿੱਥੇ ਤੁਸੀਂ ਸ਼ਾਰਟਕੱਟ ਕੁੰਜੀਆਂ ਨੂੰ ਦੇਖ ਅਤੇ ਅਨੁਕੂਲਿਤ ਕਰ ਸਕਦੇ ਹੋ।\n\n2. ਕਮਾਂਡ ਪੈਨਲ ਦੀ ਚੰਗੀ ਤਰ੍ਹਾਂ ਵਰਤੋਂ ਕਰੋ: Ctrl+Shift+P / Cmd+Shift+P ਰਾਹੀਂ ਕਮਾਂਡ ਪੈਨਲ ਖੋਲ੍ਹੋ, ਅਤੇ ਤੁਸੀਂ ਵੱਖ-ਵੱਖ ਕਾਰਵਾਈਆਂ ਕਰ ਸਕਦੇ ਹੋ, ਜਿਵੇਂ ਕਿ:\n\n * Settings: ਸੈਟਿੰਗ ਇੰਟਰਫੇਸ ਖੋਲ੍ਹੋ।\n * Extensions: Install Extension: ਐਕਸਟੈਂਸ਼ਨ ਸਥਾਪਿਤ ਕਰੋ।\n * Git: Commit: Git ਤਬਦੀਲੀਆਂ ਨੂੰ ਸੌਂਪੋ।\n * Format Document: ਮੌਜੂਦਾ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਫਾਰਮੈਟ ਕਰੋ।\n * Go to Symbol in Workspace: ਵਰਕਸਪੇਸ ਵਿੱਚ ਚਿੰਨ੍ਹ 'ਤੇ ਜਲਦੀ ਜਾਓ।
```3. ਕਸਟਮ ਸੈਟਿੰਗਾਂ: VS Code ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਥੀਮ, ਫੌਂਟ, ਇੰਡੈਂਟੇਸ਼ਨ ਵਰਗੀਆਂ ਕਈ ਸੈਟਿੰਗਾਂ ਨੂੰ ਕਸਟਮਾਈਜ਼ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ। ਤੁਸੀਂ File -> Preferences -> Settings ਰਾਹੀਂ ਸੈਟਿੰਗਾਂ ਇੰਟਰਫੇਸ ਖੋਲ੍ਹ ਸਕਦੇ ਹੋ, ਜਾਂ ਸਿੱਧੇ settings.json ਫਾਈਲ ਨੂੰ ਐਡਿਟ ਕਰ ਸਕਦੇ ਹੋ।
* **ਥੀਮ:** ਆਪਣੀ ਪਸੰਦ ਦਾ ਥੀਮ ਚੁਣੋ, ਜੋ ਕੋਡਿੰਗ ਦੇ ਆਰਾਮ ਨੂੰ ਵਧਾ ਸਕਦਾ ਹੈ।
* **ਫੌਂਟ:** ਇੱਕ ਢੁਕਵਾਂ ਫੌਂਟ ਚੁਣੋ, ਜੋ ਕੋਡ ਦੀ ਪੜ੍ਹਨਯੋਗਤਾ ਨੂੰ ਵਧਾ ਸਕਦਾ ਹੈ। ਇੱਕ ਸਮਾਨ-ਵਿਥ ਵਾਲੇ ਫੌਂਟ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਜਿਵੇਂ ਕਿ Fira Code, JetBrains Mono ਆਦਿ।
* **ਇੰਡੈਂਟੇਸ਼ਨ:** ਪ੍ਰੋਜੈਕਟ ਦੇ ਨਿਯਮਾਂ ਦੇ ਅਨੁਸਾਰ ਇੰਡੈਂਟੇਸ਼ਨ ਸੈਟ ਕਰੋ, ਤੁਸੀਂ ਸਪੇਸ ਜਾਂ ਟੈਬ ਕੁੰਜੀ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।
* **ਆਟੋ-ਸੇਵ:** ਆਟੋ-ਸੇਵ ਫੰਕਸ਼ਨ ਨੂੰ ਚਾਲੂ ਕਰੋ, ਜੋ ਸੇਵ ਕਰਨਾ ਭੁੱਲਣ ਕਾਰਨ ਕੋਡ ਦੇ ਨੁਕਸਾਨ ਤੋਂ ਬਚ ਸਕਦਾ ਹੈ।
4. ਕੋਡ ਸਨਿੱਪਟਸ ਦੀ ਵਰਤੋਂ ਕਰੋ: ਕੋਡ ਸਨਿੱਪਟਸ ਆਮ ਤੌਰ 'ਤੇ ਵਰਤੇ ਜਾਣ ਵਾਲੇ ਕੋਡ ਬਲਾਕਾਂ ਨੂੰ ਜਲਦੀ ਪਾਉਣ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰ ਸਕਦੇ ਹਨ। VS Code ਵਿੱਚ ਕੁਝ ਆਮ ਤੌਰ 'ਤੇ ਵਰਤੇ ਜਾਣ ਵਾਲੇ ਕੋਡ ਸਨਿੱਪਟਸ ਬਣੇ ਹੋਏ ਹਨ, ਅਤੇ ਤੁਸੀਂ ਕੋਡ ਸਨਿੱਪਟਸ ਨੂੰ ਵੀ ਕਸਟਮਾਈਜ਼ ਕਰ ਸਕਦੇ ਹੋ।
* ਕਮਾਂਡ ਪੈਲੇਟ ਖੋਲ੍ਹੋ, `Preferences: Configure User Snippets` ਟਾਈਪ ਕਰੋ, ਉਹ ਭਾਸ਼ਾ ਚੁਣੋ ਜਿਸਨੂੰ ਤੁਸੀਂ ਐਡਿਟ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਅਤੇ ਫਿਰ ਤੁਸੀਂ ਕੋਡ ਸਨਿੱਪਟਸ ਨੂੰ ਐਡਿਟ ਕਰ ਸਕਦੇ ਹੋ।
* ਉਦਾਹਰਨ ਲਈ, ਤੁਸੀਂ JavaScript ਲਈ ਇੱਕ `clog` ਕੋਡ ਸਨਿੱਪਟ ਬਣਾ ਸਕਦੇ ਹੋ, `console.log()` ਨੂੰ ਜਲਦੀ ਪਾਉਣ ਲਈ:
```json
"Print to console": {
"prefix": "clog",
"body": [
"console.log('$1');",
"$2"
],
"description": "Log output to console"
}
```
5. ਮਲਟੀਪਲ ਕਰਸਰ ਐਡੀਟਿੰਗ ਦੀ ਵਰਤੋਂ ਕਰੋ: Alt (Windows/Linux) / Option (macOS) ਕੁੰਜੀ ਨੂੰ ਦਬਾ ਕੇ ਰੱਖੋ, ਅਤੇ ਫਿਰ ਮਾਊਸ ਨਾਲ ਕਲਿੱਕ ਕਰੋ, ਤੁਸੀਂ ਕਈ ਥਾਵਾਂ 'ਤੇ ਕਰਸਰ ਬਣਾ ਸਕਦੇ ਹੋ, ਅਤੇ ਇੱਕੋ ਸਮੇਂ ਕਈ ਲਾਈਨਾਂ ਦੇ ਕੋਡ ਨੂੰ ਐਡਿਟ ਕਰ ਸਕਦੇ ਹੋ। ਤੁਸੀਂ ਅਗਲੇ ਮੈਚ ਨੂੰ ਚੁਣਨ ਲਈ Ctrl+D / Cmd+D ਦੀ ਵਰਤੋਂ ਵੀ ਕਰ ਸਕਦੇ ਹੋ, ਅਤੇ ਮਲਟੀਪਲ ਕਰਸਰ ਐਡੀਟਿੰਗ ਕਰ ਸਕਦੇ ਹੋ।
-
ਐਡੀਟਰ ਨੂੰ ਵੰਡੋ: ਤੁਸੀਂ ਐਡੀਟਰ ਨੂੰ ਕਈ ਵਿੰਡੋਜ਼ ਵਿੱਚ ਵੰਡ ਸਕਦੇ ਹੋ, ਅਤੇ ਇੱਕੋ ਸਮੇਂ ਕਈ ਫਾਈਲਾਂ ਨੂੰ ਦੇਖ ਅਤੇ ਐਡਿਟ ਕਰ ਸਕਦੇ ਹੋ। ਤੁਸੀਂ ਐਡੀਟਰ ਨੂੰ ਵੰਡਣ ਲਈ
View -> Editor Layout -> Split Editorਕਮਾਂਡ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ। -
ਰਿਮੋਟ ਡਿਵੈਲਪਮੈਂਟ: VS Code ਰਿਮੋਟ ਡਿਵੈਲਪਮੈਂਟ ਐਕਸਟੈਂਸ਼ਨ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ, ਜੋ ਤੁਹਾਨੂੰ ਰਿਮੋਟ ਸਰਵਰ 'ਤੇ ਕੋਡ ਨੂੰ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਐਡਿਟ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ। ਇਹ ਸਰਵਰ-ਸਾਈਡ ਐਪਲੀਕੇਸ਼ਨਾਂ ਨੂੰ ਵਿਕਸਤ ਕਰਨ ਲਈ ਬਹੁਤ ਲਾਭਦਾਇਕ ਹੈ।
-
ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ 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 ```* **VS ਕੋਡ ਲਈ EditorConfig:** ਇਹ ਵੱਖ-ਵੱਖ ਐਡੀਟਰਾਂ ਵਿੱਚ ਕੋਡ ਸਟਾਈਲ ਦੀ ਇਕਸਾਰਤਾ ਬਣਾਈ ਰੱਖਣ ਲਈ ਇੱਕ ਟੂਲ ਹੈ। ```shell ext install EditorConfig.EditorConfig -
ਲਾਈਵ ਸਰਵਰ: ਇਹ ਫਰੰਟ-ਐਂਡ ਕੋਡ ਨੂੰ ਡੀਬੱਗ ਕਰਨ ਲਈ ਇੱਕ ਲੋਕਲ ਸਰਵਰ ਨੂੰ ਤੇਜ਼ੀ ਨਾਲ ਸ਼ੁਰੂ ਕਰਦਾ ਹੈ।
@@ThreatSynopਨੇਲਾਈਵ ਸਰਵਰਵਿੱਚ ਇੱਕ ਸੁਰੱਖਿਆ ਕਮਜ਼ੋਰੀ ਦਾ ਜ਼ਿਕਰ ਕੀਤਾ ਹੈ, ਜੋ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਐਕਸਟੈਂਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਸਮੇਂ ਸੁਰੱਖਿਆ ਬਾਰੇ ਸੁਚੇਤ ਰਹਿਣ ਦੀ ਯਾਦ ਦਿਵਾਉਂਦਾ ਹੈ।ext install ritwickdey.LiveServer -
ਕੋਡ ਰਨਰ: ਇਹ ਕਈ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੇ ਚੱਲਣ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਕੋਡ ਸਨਿੱਪਟਾਂ ਦੀ ਤੇਜ਼ੀ ਨਾਲ ਜਾਂਚ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ। ਇਸੇ ਤਰ੍ਹਾਂ,
@@ThreatSynopਨੇਕੋਡ ਰਨਰਵਿੱਚ ਇੱਕ ਸੁਰੱਖਿਆ ਕਮਜ਼ੋਰੀ ਵੱਲ ਵੀ ਇਸ਼ਾਰਾ ਕੀਤਾ ਹੈ।ext install formulahendry.code-runner -
GitLens: ਇਹ Git ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਵਧਾਉਣ ਲਈ ਇੱਕ ਐਕਸਟੈਂਸ਼ਨ ਹੈ, ਜੋ ਕੋਡ ਦੀ ਕਮਿਟ ਹਿਸਟਰੀ, ਲੇਖਕ ਦੀ ਜਾਣਕਾਰੀ ਆਦਿ ਨੂੰ ਦੇਖਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ।
ext install eamodio.gitlens -
ਬ੍ਰੈਕੇਟ ਪੇਅਰ ਕਲਰਾਈਜ਼ਰ: ਇਹ ਬਰੈਕਟਾਂ ਨੂੰ ਜੋੜਿਆਂ ਵਿੱਚ ਰੰਗ ਦਿੰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਕੋਡ ਢਾਂਚੇ ਨੂੰ ਦੇਖਣਾ ਆਸਾਨ ਹੋ ਜਾਂਦਾ ਹੈ।
ext install CoenraadS.bracket-pair-colorizer-2 -
IntelliCode: (Microsoft ਦੁਆਰਾ ਪ੍ਰਦਾਨ ਕੀਤਾ ਗਿਆ) ਇਹ AI-ਸਹਾਇਤਾ ਪ੍ਰਾਪਤ ਕੋਡ ਸੰਪੂਰਨਤਾ ਹੈ, ਜੋ ਸੰਦਰਭ ਦੇ ਅਧਾਰ ਤੇ ਵਧੇਰੇ ਬੁੱਧੀਮਾਨ ਕੋਡ ਸੁਝਾਅ ਪ੍ਰਦਾਨ ਕਰ ਸਕਦੀ ਹੈ।
ext install visualstudioexptteam.vscodeintellicode -
VS ਕੋਡ ਕੋਪਾਇਲਟ: (GitHub ਦੁਆਰਾ ਪ੍ਰਦਾਨ ਕੀਤਾ ਗਿਆ, ਭੁਗਤਾਨ ਕੀਤਾ ਗਿਆ) ਇਹ ਇੱਕ AI ਕੋਡ ਸਹਾਇਕ ਹੈ, ਜੋ ਤੁਹਾਡੇ ਕੋਡ ਦੇ ਅਧਾਰ ਤੇ ਕੋਡ ਸਨਿੱਪਟ, ਫੰਕਸ਼ਨ, ਅਤੇ ਇੱਥੋਂ ਤੱਕ ਕਿ ਪੂਰੀਆਂ ਫਾਈਲਾਂ ਵੀ ਤਿਆਰ ਕਰ ਸਕਦਾ ਹੈ।
@@aadhilkhਨੇ VS ਕੋਡ ਕੋਪਾਇਲਟ ਦੀ ਵਰਤੋਂ ਦੀ ਉੱਚ ਲਾਗਤ-ਪ੍ਰਭਾਵਸ਼ੀਲਤਾ ਦਾ ਜ਼ਿਕਰ ਕੀਤਾ ਹੈ। -
ਮਾਰਕਡਾਊਨ ਪ੍ਰੀਵਿਊ ਐਨਹਾਂਸਡ: ਇਹ ਇੱਕ ਬਿਹਤਰ ਮਾਰਕਡਾਊਨ ਪ੍ਰੀਵਿਊ ਪਲੱਗਇਨ ਹੈ।
@@ThreatSynopਨੇ ਇਸ ਪਲੱਗਇਨ ਵਿੱਚ ਸੁਰੱਖਿਆ ਸਮੱਸਿਆਵਾਂ ਵੱਲ ਵੀ ਇਸ਼ਾਰਾ ਕੀਤਾ ਹੈ, ਜਿਸ ਵੱਲ ਧਿਆਨ ਦੇਣ ਦੀ ਲੋੜ ਹੈ।ext install shd101wyy.markdown-preview-enhanced -
ਰਿਮੋਟ ਡਿਵੈਲਪਮੈਂਟ ਐਕਸਟੈਂਸ਼ਨ ਪੈਕੇਜ: ਇਸ ਵਿੱਚ SSH, ਕੰਟੇਨਰ, WSL ਆਦਿ ਐਕਸਟੈਂਸ਼ਨ ਸ਼ਾਮਲ ਹਨ, ਜੋ ਰਿਮੋਟ ਡਿਵੈਲਪਮੈਂਟ ਲਈ ਸੁਵਿਧਾਜਨਕ ਹਨ।
LLM ਅਤੇ VS ਕੋਡ ਦੇ ਏਕੀਕਰਣ ਬਾਰੇ
X/Twitter 'ਤੇ LLM ਅਤੇ VS ਕੋਡ ਦੇ ਏਕੀਕਰਣ ਬਾਰੇ ਵੀ ਕੁਝ ਚਰਚਾਵਾਂ ਹੋਈਆਂ ਹਨ। @@akshay_pachaar ਨੇ VS ਕੋਡ ਵਿੱਚ LLM ਨੂੰ ਸਿਖਲਾਈ ਦੇਣ ਦੇ ਤਰੀਕੇ ਸਾਂਝੇ ਕੀਤੇ ਹਨ। @@MacopeninSUTABA ਨੇ Anthropic ਦੇ AI ਕੋਡਿੰਗ ਏਜੰਟ "Claude Code" ਦੇ VS ਕੋਡ ਨਾਲ ਏਕੀਕਰਣ ਦਾ ਜ਼ਿਕਰ ਕੀਤਾ ਹੈ। ਇਹ ਸਭ ਦਰਸਾਉਂਦੇ ਹਨ ਕਿ AI ਭਵਿੱਖ ਦੇ ਵਿਕਾਸ ਵਿੱਚ ਵੱਧ ਤੋਂ ਵੱਧ ਮਹੱਤਵਪੂਰਨ ਭੂਮਿਕਾ ਨਿਭਾਏਗਾ।
ਸੁਰੱਖਿਆ ਸੁਝਾਅ
ਜਿਵੇਂ ਕਿ @@ThreatSynop ਨੇ ਜ਼ਿਕਰ ਕੀਤਾ ਹੈ, ਕੁਝ VS ਕੋਡ ਐਕਸਟੈਂਸ਼ਨਾਂ ਵਿੱਚ ਸੁਰੱਖਿਆ ਕਮਜ਼ੋਰੀਆਂ ਹਨ, ਜੋ ਫਾਈਲ ਚੋਰੀ ਅਤੇ ਰਿਮੋਟ ਕੋਡ ਐਗਜ਼ੀਕਿਊਸ਼ਨ ਦਾ ਕਾਰਨ ਬਣ ਸਕਦੀਆਂ ਹਨ। ਇਸ ਲਈ, ਐਕਸਟੈਂਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਸਮੇਂ, ਹੇਠਾਂ ਦਿੱਤੇ ਨੁਕਤਿਆਂ ਵੱਲ ਧਿਆਨ ਦਿਓ:
- ਅਧਿਕਾਰਤ ਜਾਂ ਨਾਮਵਰ ਐਕਸਟੈਂਸ਼ਨਾਂ ਦੀ ਚੋਣ ਕਰੋ।
- ਐਕਸਟੈਂਸ਼ਨਾਂ ਨੂੰ ਨਿਯਮਿਤ ਤੌਰ 'ਤੇ ਅਪਡੇਟ ਕਰੋ।
- ਐਕਸਟੈਂਸ਼ਨ ਦੀਆਂ ਅਨੁਮਤੀਆਂ ਦੇ ਵੇਰਵਿਆਂ ਨੂੰ ਧਿਆਨ ਨਾਲ ਪੜ੍ਹੋ।
- ਕੋਡ ਜਾਂਚ ਟੂਲ ਸਥਾਪਤ ਕਰੋ, ਜਿਵੇਂ ਕਿ ESLint, ਜੋ ਤੁਹਾਨੂੰ ਕੋਡ ਵਿੱਚ ਸੰਭਾਵੀ ਸਮੱਸਿਆਵਾਂ ਨੂੰ ਲੱਭਣ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦੇ ਹਨ।
- VS ਕੋਡ ਅਤੇ ਐਕਸਟੈਂਸ਼ਨਾਂ ਦੇ ਸੁਰੱਖਿਆ ਨੋਟਿਸਾਂ 'ਤੇ ਧਿਆਨ ਦਿਓ, ਅਤੇ ਸਮੇਂ ਸਿਰ ਕਮਜ਼ੋਰੀਆਂ ਨੂੰ ਠੀਕ ਕਰੋ।## ਸੰਖੇਪ
VS Code ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ ਕੋਡ ਐਡੀਟਰ ਹੋਣ ਦੇ ਨਾਤੇ, ਇਸ ਵਿੱਚ ਬਹੁਤ ਸਾਰੀਆਂ ਉਪਯੋਗੀ ਟਿਪਸ ਅਤੇ ਇੱਕ ਅਮੀਰ ਐਕਸਟੈਂਸ਼ਨ ਈਕੋਸਿਸਟਮ ਹੈ, ਜੋ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਵਿਕਾਸ ਕੁਸ਼ਲਤਾ ਵਿੱਚ ਸੁਧਾਰ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦਾ ਹੈ। ਸ਼ਾਰਟਕੱਟ ਕੁੰਜੀਆਂ ਵਿੱਚ ਮੁਹਾਰਤ ਹਾਸਲ ਕਰਕੇ, ਕਸਟਮ ਸੈਟਿੰਗਾਂ, ਕੋਡ ਸਨਿੱਪਟਸ ਦੀ ਵਰਤੋਂ ਕਰਕੇ, ਢੁਕਵੇਂ ਐਕਸਟੈਂਸ਼ਨਾਂ ਨੂੰ ਸਥਾਪਿਤ ਕਰਕੇ, ਤੁਸੀਂ VS Code ਨੂੰ ਆਪਣਾ ਵਿਸ਼ੇਸ਼ IDE ਬਣਾ ਸਕਦੇ ਹੋ। ਇਸ ਦੇ ਨਾਲ ਹੀ, ਸੁਰੱਖਿਆ ਮੁੱਦਿਆਂ ਵੱਲ ਧਿਆਨ ਦੇਣਾ, ਅਧਿਕਾਰਤ ਜਾਂ ਨਾਮਵਰ ਐਕਸਟੈਂਸ਼ਨਾਂ ਦੀ ਚੋਣ ਕਰਨਾ ਅਤੇ ਐਕਸਟੈਂਸ਼ਨਾਂ ਨੂੰ ਨਿਯਮਿਤ ਤੌਰ 'ਤੇ ਅੱਪਡੇਟ ਕਰਨਾ ਵੀ ਜ਼ਰੂਰੀ ਹੈ। ਉਮੀਦ ਹੈ ਕਿ ਇਹ ਲੇਖ ਤੁਹਾਡੇ ਲਈ ਮਦਦਗਾਰ ਹੋਵੇਗਾ!
