ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਐਡੀਟਰ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ?

ਆਖਰੀ ਅਪਡੇਟ: 19/10/2023

ਕੋਡ ਐਡੀਟਰ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਤੋਂ? ਜੇ ਤੁਸੀਂ ਇੱਕ ਪ੍ਰੋਗਰਾਮਰ ਹੋ ਜਾਂ ਸੌਫਟਵੇਅਰ ਵਿਕਾਸ ਵਿੱਚ ਦਿਲਚਸਪੀ ਰੱਖਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਸ਼ਾਇਦ ਸੁਣਿਆ ਹੋਵੇਗਾ ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ. ਇਹ ਇੱਕ ਮੁਫਤ ਅਤੇ ਓਪਨ ਸੋਰਸ ਐਡੀਟਰ ਹੈ, ਜੋ ਪ੍ਰੋਗਰਾਮਿੰਗ ਕਮਿਊਨਿਟੀ ਵਿੱਚ ਬਹੁਤ ਮਸ਼ਹੂਰ ਹੋ ਗਿਆ ਹੈ। ਇੱਕ ਸਧਾਰਨ ਅਤੇ ਅਨੁਭਵੀ ਇੰਟਰਫੇਸ ਦੇ ਨਾਲ, ਇਹ ਕੋਡ ਨੂੰ ਸੰਪਾਦਿਤ ਕਰਨ ਅਤੇ ਡੀਬੱਗ ਕਰਨ ਲਈ ਸ਼ਕਤੀਸ਼ਾਲੀ ਟੂਲ ਪੇਸ਼ ਕਰਦਾ ਹੈ। ਇਸ ਲੇਖ ਵਿੱਚ, ਅਸੀਂ ਤੁਹਾਨੂੰ ਦਿਖਾਵਾਂਗੇ ਕਿ ਇਸ ਕੋਡ ਸੰਪਾਦਕ ਨੂੰ ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ, ਤਾਂ ਜੋ ਤੁਸੀਂ ਇਸ ਦੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦਾ ਪੂਰਾ ਲਾਭ ਲੈ ਸਕੋ ਅਤੇ ਆਪਣੇ ਪ੍ਰੋਗਰਾਮਿੰਗ ਅਨੁਭਵ ਨੂੰ ਬਿਹਤਰ ਬਣਾ ਸਕੋ। ਖੋਜਣ ਲਈ ਪੜ੍ਹਦੇ ਰਹੋ ਚਾਲ ਅਤੇ ਸੁਝਾਅ ਇਹ ਤੁਹਾਡੇ ਰੋਜ਼ਾਨਾ ਦੇ ਕੰਮ ਵਿੱਚ ਵਧੇਰੇ ਕੁਸ਼ਲ ਅਤੇ ਲਾਭਕਾਰੀ ਬਣਨ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰੇਗਾ ਦਿੱਖ ਸਟੂਡੀਓ ਕੋਡ!

ਕਦਮ ਦਰ ਕਦਮ ➡️ ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਕੋਡ ਐਡੀਟਰ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ?

ਕੋਡ ਐਡੀਟਰ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ?

  • 1 ਕਦਮ: ਪਹਿਲਾਂ, ਇਸਦੀ ਅਧਿਕਾਰਤ ਵੈੱਬਸਾਈਟ ਤੋਂ ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਨੂੰ ਡਾਊਨਲੋਡ ਅਤੇ ਸਥਾਪਿਤ ਕਰੋ।
  • 2 ਕਦਮ: ਇੱਕ ਵਾਰ ਇੰਸਟਾਲ ਹੋਣ ਤੋਂ ਬਾਅਦ, ਇਸਨੂੰ ਖੋਲ੍ਹਣ ਲਈ ਪ੍ਰੋਗਰਾਮ ਚਲਾਓ।
  • 3 ਕਦਮ: ਹੁਣ, ਤੁਸੀਂ ਕੋਡ ਐਡੀਟਰ ਦਾ ਇੰਟਰਫੇਸ ਦੇਖਣ ਦੇ ਯੋਗ ਹੋਵੋਗੇ. ਸਿਖਰ 'ਤੇ ਤੁਹਾਨੂੰ "ਫਾਇਲ", "ਐਡਿਟ" ਅਤੇ "ਵੇਖੋ" ਵਰਗੇ ਵਿਕਲਪਾਂ ਵਾਲਾ ਮੀਨੂ ਬਾਰ ਮਿਲੇਗਾ।
  • 4 ਕਦਮ: "ਫਾਇਲ" ਵਿਕਲਪ ਦੀ ਵਰਤੋਂ ਕਰੋ ਬਣਾਉਣ ਲਈ ਇੱਕ ਨਵੀਂ ਫਾਈਲ ਜਾਂ ਇੱਕ ਮੌਜੂਦਾ ਖੋਲ੍ਹੋ। ਤੁਸੀਂ ਇੱਥੋਂ ਹਾਲੀਆ ਫਾਈਲਾਂ ਤੱਕ ਵੀ ਪਹੁੰਚ ਕਰ ਸਕਦੇ ਹੋ।
  • 5 ਕਦਮ: ਖੱਬੇ ਸਾਈਡਬਾਰ ਵਿੱਚ, ਤੁਹਾਨੂੰ ਏ ਫਾਇਲ ਬਰਾserਜ਼ਰ ਜੋ ਤੁਹਾਨੂੰ ਤੁਹਾਡੇ ਪ੍ਰੋਜੈਕਟ ਫੋਲਡਰਾਂ ਵਿੱਚ ਨੈਵੀਗੇਟ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ।
  • 6 ਕਦਮ: ਫਾਈਲਾਂ ਨੂੰ ਜੋੜਨ ਜਾਂ ਪ੍ਰੋਜੈਕਟ ਦੇ ਅੰਦਰ ਨਵੇਂ ਫੋਲਡਰ ਬਣਾਉਣ ਲਈ ਇੱਕ ਫੋਲਡਰ 'ਤੇ ਸੱਜਾ-ਕਲਿੱਕ ਕਰੋ।
  • 7 ਕਦਮ: ਜਦੋਂ ਤੁਸੀਂ ਇੱਕ ਫਾਈਲ ਖੋਲ੍ਹਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਦੇਖੋਗੇ ਕਿ ਕੋਡ ਸੰਪਾਦਕ ਬਿਹਤਰ ਪੜ੍ਹਨਯੋਗਤਾ ਲਈ ਵੱਖ-ਵੱਖ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਦੇ ਸੰਟੈਕਸ ਨੂੰ ਉਜਾਗਰ ਕਰਦਾ ਹੈ।
  • 8 ਕਦਮ: ਸੰਪਾਦਕ ਵਿੰਡੋ ਦੇ ਹੇਠਾਂ, ਤੁਹਾਨੂੰ ਬਿਲਟ-ਇਨ ਟਰਮੀਨਲ ਮਿਲੇਗਾ। ਤੁਸੀਂ ਇਸਦੀ ਵਰਤੋਂ ਕਮਾਂਡਾਂ ਨੂੰ ਚਲਾਉਣ ਅਤੇ ਨਤੀਜੇ ਵੇਖਣ ਲਈ ਕਰ ਸਕਦੇ ਹੋ।
  • 9 ਕਦਮ: ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਕਈ ਐਕਸਟੈਂਸ਼ਨਾਂ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਦਾ ਹੈ ਜੋ ਤੁਸੀਂ ਸਥਾਪਿਤ ਕਰ ਸਕਦੇ ਹੋ ਆਪਣੇ ਤਜ਼ਰਬੇ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣ ਲਈ ਪ੍ਰੋਗਰਾਮਿੰਗ ਖੱਬੇ ਸਾਈਡਬਾਰ ਵਿੱਚ "ਐਕਸਟੈਂਸ਼ਨ" ਸੈਕਸ਼ਨ 'ਤੇ ਜਾਓ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਲੱਭੋ ਜਿਨ੍ਹਾਂ ਦੀ ਤੁਹਾਨੂੰ ਲੋੜ ਹੈ।
  • 10 ਕਦਮ: ਸੰਪਾਦਕ ਵਿੱਚ ਆਪਣੇ ਕੰਮ ਨੂੰ ਤੇਜ਼ ਕਰਨ ਲਈ ਕੀਬੋਰਡ ਸ਼ਾਰਟਕੱਟ ਦੀ ਵਰਤੋਂ ਕਰੋ। ਤੁਸੀਂ ਮੀਨੂ ਵਿੱਚ "ਮਦਦ" ਵਿਕਲਪ ਵਿੱਚ ਉਪਲਬਧ ਸ਼ਾਰਟਕੱਟਾਂ ਦੀ ਸੂਚੀ ਦੀ ਜਾਂਚ ਕਰ ਸਕਦੇ ਹੋ।
ਵਿਸ਼ੇਸ਼ ਸਮੱਗਰੀ - ਇੱਥੇ ਕਲਿੱਕ ਕਰੋ  ਕੀ ਵੈਬਸਾਈਟਾਂ ਨੂੰ ਵਿਕਸਤ ਕਰਨ ਲਈ ਪਾਈਨਗ੍ਰੋ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਸਲਾਹ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ?

ਪ੍ਰਸ਼ਨ ਅਤੇ ਜਵਾਬ

"ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਕੋਡ ਐਡੀਟਰ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ?" ਬਾਰੇ ਸਵਾਲ ਅਤੇ ਜਵਾਬ

1. ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਨੂੰ ਕਿਵੇਂ ਡਾਊਨਲੋਡ ਅਤੇ ਸਥਾਪਿਤ ਕਰਨਾ ਹੈ?

ਜਵਾਬ:

  1. ਵੇਖੋ ਵੈੱਬ ਸਾਈਟ ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਅਧਿਕਾਰੀ।
  2. ਲਈ ਉਚਿਤ ਇੰਸਟਾਲਰ ਡਾਊਨਲੋਡ ਕਰੋ ਤੁਹਾਡਾ ਓਪਰੇਟਿੰਗ ਸਿਸਟਮ (ਵਿੰਡੋਜ਼, ਮੈਕੋਸ ਜਾਂ ਲੀਨਕਸ)।
  3. ਡਾਊਨਲੋਡ ਕੀਤੀ ਸੈੱਟਅੱਪ ਫਾਈਲ ਚਲਾਓ।
  4. ਇੰਸਟਾਲੇਸ਼ਨ ਨੂੰ ਪੂਰਾ ਕਰਨ ਲਈ ਇੰਸਟਾਲਰ ਨਿਰਦੇਸ਼ਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ।

2. ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਵਿੱਚ ਇੱਕ ਫਾਈਲ ਕਿਵੇਂ ਖੋਲ੍ਹਣੀ ਹੈ?

ਜਵਾਬ:

  1. ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਖੋਲ੍ਹੋ।
  2. ਚੋਟੀ ਦੇ ਮੀਨੂ ਬਾਰ ਵਿੱਚ "ਫਾਇਲ" 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
  3. "ਫਾਇਲ ਖੋਲ੍ਹੋ..." 'ਤੇ ਕਲਿੱਕ ਕਰੋ
  4. ਉਹ ਫਾਈਲ ਚੁਣੋ ਜਿਸ ਨੂੰ ਤੁਸੀਂ ਖੋਲ੍ਹਣਾ ਚਾਹੁੰਦੇ ਹੋ।

3. ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਵਿੱਚ ਇੱਕ ਨਵੀਂ ਫਾਈਲ ਕਿਵੇਂ ਬਣਾਈਏ?

ਜਵਾਬ:

  1. ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਖੋਲ੍ਹੋ।
  2. ਚੋਟੀ ਦੇ ਮੀਨੂ ਬਾਰ ਵਿੱਚ "ਫਾਇਲ" 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
  3. "ਨਵੀਂ ਫਾਈਲ" ਤੇ ਕਲਿਕ ਕਰੋ.
  4. ਨਵੀਂ ਫਾਈਲ ਦਾ ਨਾਮ ਟਾਈਪ ਕਰੋ ਅਤੇ ਐਂਟਰ ਦਬਾਓ।

4. ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਵਿੱਚ ਇੱਕ ਫਾਈਲ ਵਿੱਚ ਤਬਦੀਲੀਆਂ ਨੂੰ ਕਿਵੇਂ ਸੁਰੱਖਿਅਤ ਕਰਨਾ ਹੈ?

ਜਵਾਬ:

  1. ਚੋਟੀ ਦੇ ਮੀਨੂ ਬਾਰ ਵਿੱਚ "ਫਾਇਲ" 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
  2. "ਸੇਵ" 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਜਾਂ ਕੀਬੋਰਡ ਸ਼ਾਰਟਕੱਟ Ctrl+S (Windows/Linux) ਜਾਂ Command+S (macOS) ਦੀ ਵਰਤੋਂ ਕਰੋ।
ਵਿਸ਼ੇਸ਼ ਸਮੱਗਰੀ - ਇੱਥੇ ਕਲਿੱਕ ਕਰੋ  PHPStorm ਲਈ ਕਿਹੜੇ ਪਲੱਗਇਨ ਹਨ?

5. ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਵਿੱਚ ਥੀਮ ਨੂੰ ਕਿਵੇਂ ਬਦਲਣਾ ਹੈ?

ਜਵਾਬ:

  1. ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਖੋਲ੍ਹੋ।
  2. ਚੋਟੀ ਦੇ ਮੀਨੂ ਬਾਰ ਵਿੱਚ "ਫਾਇਲ" 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
  3. "ਤਰਜੀਹ" ਅਤੇ ਫਿਰ "ਥੀਮ ਰੰਗ" 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
  4. ਡ੍ਰੌਪ-ਡਾਉਨ ਸੂਚੀ ਵਿੱਚੋਂ ਉਹ ਥੀਮ ਚੁਣੋ ਜਿਸਨੂੰ ਤੁਸੀਂ ਵਰਤਣਾ ਚਾਹੁੰਦੇ ਹੋ।

6. ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਵਿੱਚ ਇੱਕ ਐਕਸਟੈਂਸ਼ਨ ਨੂੰ ਕਿਵੇਂ ਇੰਸਟਾਲ ਕਰਨਾ ਹੈ?

ਜਵਾਬ:

  1. ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਖੋਲ੍ਹੋ।
  2. ਖੱਬੇ ਪਾਸੇ ਦੇ ਮੀਨੂ ਬਾਰ ਵਿੱਚ "ਐਕਸਟੈਂਸ਼ਨ" 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
  3. ਉਸ ਐਕਸਟੈਂਸ਼ਨ ਦੀ ਖੋਜ ਕਰੋ ਜਿਸ ਨੂੰ ਤੁਸੀਂ ਖੋਜ ਪੱਟੀ ਵਿੱਚ ਸਥਾਪਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ।
  4. ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਅੱਗੇ "ਇੰਸਟਾਲ ਕਰੋ" 'ਤੇ ਕਲਿੱਕ ਕਰੋ।

7. ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਵਿੱਚ ਇੱਕ ਐਕਸਟੈਂਸ਼ਨ ਨੂੰ ਕਿਵੇਂ ਅਣਇੰਸਟੌਲ ਕਰਨਾ ਹੈ?

ਜਵਾਬ:

  1. ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਖੋਲ੍ਹੋ।
  2. ਖੱਬੇ ਪਾਸੇ ਦੇ ਮੀਨੂ ਬਾਰ ਵਿੱਚ "ਐਕਸਟੈਂਸ਼ਨ" 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
  3. ਉਹ ਐਕਸਟੈਂਸ਼ਨ ਲੱਭੋ ਜਿਸ ਨੂੰ ਤੁਸੀਂ ਅਣਇੰਸਟੌਲ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ।
  4. ਐਕਸਟੈਂਸ਼ਨ ਦੇ ਅੱਗੇ ਤਿੰਨ ਬਿੰਦੀਆਂ (…) 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
  5. "ਅਣਇੰਸਟੌਲ" 'ਤੇ ਕਲਿੱਕ ਕਰੋ।

8. ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਵਿੱਚ ਆਟੋਕੰਪਲੀਟ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ?

ਜਵਾਬ:

  1. ਸੰਪਾਦਕ ਵਿੱਚ ਕੋਡ ਜਾਂ ਸ਼ਬਦ ਦਾ ਹਿੱਸਾ ਲਿਖੋ।
  2. ਆਟੋ-ਮੁਕੰਮਲ ਜਾਂ ਸੁਝਾਅ ਦਿਖਾਉਣ ਲਈ ਟੈਬ ਕੁੰਜੀ ਦਬਾਓ।
ਵਿਸ਼ੇਸ਼ ਸਮੱਗਰੀ - ਇੱਥੇ ਕਲਿੱਕ ਕਰੋ  ਫੋਟੋਸ਼ਾਪ ਵਿੱਚ ਇੱਕ ਵੈੱਬ ਦਸਤਾਵੇਜ਼ ਕਿਵੇਂ ਡਿਜ਼ਾਈਨ ਕਰੀਏ?

9. ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਵਿੱਚ ਭਾਸ਼ਾ ਨੂੰ ਕਿਵੇਂ ਬਦਲਣਾ ਹੈ?

ਜਵਾਬ:

  1. ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਖੋਲ੍ਹੋ।
  2. ਚੋਟੀ ਦੇ ਮੀਨੂ ਬਾਰ ਵਿੱਚ "ਫਾਇਲ" 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
  3. "ਤਰਜੀਹ" ਅਤੇ ਫਿਰ "ਸੈਟਿੰਗਜ਼" 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
  4. ਸਰਚ ਬਾਰ ਵਿੱਚ "ਲੋਕੇਲ" ਦੀ ਖੋਜ ਕਰੋ ਅਤੇ ਲੋੜੀਂਦੀ ਭਾਸ਼ਾ ਚੁਣੋ।

10. ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਵਿੱਚ ਰੀਅਲ ਟਾਈਮ ਵਿੱਚ ਕਿਵੇਂ ਸਹਿਯੋਗ ਕਰਨਾ ਹੈ?

ਜਵਾਬ:

  1. ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਮਾਰਕੀਟਪਲੇਸ ਤੋਂ "ਲਾਈਵ ਸ਼ੇਅਰ" ਐਕਸਟੈਂਸ਼ਨ ਨੂੰ ਸਥਾਪਿਤ ਕਰੋ।
  2. ਫਾਈਲ ਖੋਲ੍ਹੋ ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ ਵਿੱਚ ਤੁਸੀਂ ਸਾਂਝਾ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ.
  3. ਸਿਖਰ ਦੇ ਮੀਨੂ ਬਾਰ ਵਿੱਚ "ਲਾਈਵ ਸ਼ੇਅਰ" 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
  4. "ਸਹਿਯੋਗ ਸੈਸ਼ਨ ਸ਼ੁਰੂ ਕਰੋ" ਨੂੰ ਚੁਣੋ ਅਤੇ ਸਹਿਯੋਗੀਆਂ ਨਾਲ ਲਿੰਕ ਸਾਂਝਾ ਕਰੋ।