വിഷ്വൽ സ്റ്റുഡിയോ കോഡിലെ ലേഔട്ട് എങ്ങനെ മാറ്റാം?

അവസാന അപ്ഡേറ്റ്: 22/12/2023

വിഷ്വൽ സ്റ്റുഡിയോ കോഡിലെ ലേഔട്ട് എങ്ങനെ മാറ്റാം? ഈ ജനപ്രിയ കോഡ് എഡിറ്ററിൻ്റെ ഉപയോക്താക്കൾക്കിടയിൽ ഒരു സാധാരണ ചോദ്യം. ഭാഗ്യവശാൽ, വിഷ്വൽ സ്റ്റുഡിയോ കോഡിലെ ഇൻ്റർഫേസിൻ്റെ രൂപകൽപ്പനയും ലേഔട്ടും പരിഷ്‌ക്കരിക്കുന്നത് വളരെ ലളിതമാണ് കൂടാതെ ഓരോ ഉപയോക്താവിൻ്റെയും മുൻഗണനകളും ആവശ്യങ്ങളും അനുസരിച്ച് ഇഷ്ടാനുസൃതമാക്കാനും കഴിയും. ഈ ലേഖനത്തിൽ, വിഷ്വൽ സ്റ്റുഡിയോ കോഡിൻ്റെ ലേഔട്ട് മാറ്റുന്നതിന് ആവശ്യമായ ഘട്ടങ്ങളിലൂടെ ഞങ്ങൾ നിങ്ങളെ നയിക്കും, അതുവഴി നിങ്ങൾക്ക് ഇൻ്റർഫേസ് നിങ്ങളുടെ വർക്ക്ഫ്ലോയിലേക്ക് എളുപ്പത്തിലും വേഗത്തിലും പൊരുത്തപ്പെടുത്താനാകും.

– ഘട്ടം ഘട്ടമായി ➡️ വിഷ്വൽ സ്റ്റുഡിയോ കോഡിലെ ലേഔട്ട് എങ്ങനെ മാറ്റാം?

  • വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് തുറക്കുക: നിങ്ങൾ ആദ്യം ചെയ്യേണ്ടത് നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ പ്രോഗ്രാം തുറക്കുക എന്നതാണ്.
  • മെനു ബാറിലേക്ക് പോകുക: സ്ക്രീനിൻ്റെ മുകളിൽ, "കാണുക" ഓപ്ഷനിൽ ക്ലിക്ക് ചെയ്യുക.
  • "രൂപഭാവം" തിരഞ്ഞെടുക്കുക: ഡ്രോപ്പ്-ഡൗൺ മെനുവിൽ, "രൂപഭാവം" ഓപ്ഷൻ തിരഞ്ഞെടുക്കുക.
  • ആവശ്യമുള്ള ലേഔട്ട് തിരഞ്ഞെടുക്കുക: വ്യത്യസ്ത ലേഔട്ട് ഓപ്ഷനുകൾക്കൊപ്പം ഒരു ഉപമെനു തുറക്കും. നിങ്ങൾക്ക് "കോംപാക്റ്റ്", "സെൻ്റർഡ്", "സൈഡ്ബാർ" അല്ലെങ്കിൽ "സെൻ" എന്നിവയിൽ നിന്ന് തിരഞ്ഞെടുക്കാം.
  • തയ്യാറാണ്! നിങ്ങൾ ഇഷ്ടപ്പെടുന്ന ലേഔട്ട് തിരഞ്ഞെടുത്തുകഴിഞ്ഞാൽ, വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് ഇൻ്റർഫേസിൻ്റെ രൂപം സ്വയമേവ മാറ്റും.
എക്സ്ക്ലൂസീവ് ഉള്ളടക്കം - ഇവിടെ ക്ലിക്ക് ചെയ്യുക  RapidWeaver ഉപയോഗിച്ച് സൃഷ്ടിച്ച ഒരു വെബ്‌സൈറ്റ് ഞാൻ എങ്ങനെ പരിശോധിക്കും?

ചോദ്യോത്തരം

1. വിഷ്വൽ സ്റ്റുഡിയോ കോഡിൽ ലേഔട്ട് മാറ്റാനുള്ള ഓപ്ഷൻ എനിക്ക് എവിടെ കണ്ടെത്താനാകും?

1. വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് തുറക്കുക.
2. മുകളിൽ വലത് കോണിലേക്ക് പോയി "കാണുക" ക്ലിക്ക് ചെയ്യുക.
3. "കമാൻഡ് പാലറ്റ്" ഓപ്ഷൻ തിരഞ്ഞെടുക്കുക അല്ലെങ്കിൽ "Ctrl + Shift + P" അമർത്തുക.
4. "മുൻഗണനകൾ: ക്രമീകരണങ്ങൾ തുറക്കുക (JSON)" എന്ന് ടൈപ്പ് ചെയ്ത് "Enter" അമർത്തുക.

2. വിഷ്വൽ സ്റ്റുഡിയോ കോഡിലെ ഒരു കോളത്തിലേക്ക് ലേഔട്ട് എങ്ങനെ മാറ്റാം?

1. “settings.json” ഫയൽ തുറക്കുക.
2. ഇനിപ്പറയുന്ന വരി ചേർക്കുക: "workbench.layout": "single".
3. ഫയൽ സേവ് ചെയ്ത് വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് അടയ്ക്കുക.
4. ലേഔട്ട് മാറ്റം കാണാൻ വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് വീണ്ടും തുറക്കുക.

3. വിഷ്വൽ സ്റ്റുഡിയോ കോഡിൽ ലഭ്യമായ ലേഔട്ട് ഓപ്ഷനുകൾ എന്തൊക്കെയാണ്?

1. മൂന്ന് ലേഔട്ട് ഓപ്ഷനുകൾ ഉണ്ട്:
1. Single
2. രണ്ട് നിരകൾ
3.മൂന്ന് നിരകൾ

4. വിഷ്വൽ സ്റ്റുഡിയോ കോഡിലെ ലേഔട്ട് രണ്ട് കോളങ്ങളാക്കി മാറ്റുന്നത് എങ്ങനെ?

1. “settings.json” ഫയൽ തുറക്കുക.
2. ഇനിപ്പറയുന്ന വരി ചേർക്കുക: "workbench.layout": "രണ്ട് നിരകൾ".
3. ഫയൽ സേവ് ചെയ്ത് വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് അടയ്ക്കുക.
4. ലേഔട്ട് മാറ്റം കാണാൻ വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് വീണ്ടും തുറക്കുക.

എക്സ്ക്ലൂസീവ് ഉള്ളടക്കം - ഇവിടെ ക്ലിക്ക് ചെയ്യുക  ഉപയോഗിച്ച് HTML-ൽ Spaces ഉണ്ടാക്കുക  

5. വിഷ്വൽ സ്റ്റുഡിയോ കോഡിലെ ലേഔട്ട് മൂന്ന് കോളങ്ങളാക്കി മാറ്റാനാകുമോ?

1. അതെ, നിങ്ങൾക്ക് മൂന്ന് നിരകളിലേക്ക് ലേഔട്ട് മാറ്റാം.
2. “settings.json” ഫയൽ തുറക്കുക.
3. ഇനിപ്പറയുന്ന വരി ചേർക്കുക: "workbench.layout": "മൂന്ന് നിരകൾ".
4. ഫയൽ സേവ് ചെയ്ത് വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് അടയ്ക്കുക.
5. ലേഔട്ട് മാറ്റം കാണാൻ വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് വീണ്ടും തുറക്കുക.

6. വിഷ്വൽ സ്റ്റുഡിയോ കോഡിലെ ഡിഫോൾട്ട് ലേഔട്ട് എനിക്ക് എങ്ങനെ റീസെറ്റ് ചെയ്യാം?

1. “settings.json” ഫയൽ തുറക്കുക.
2. അടങ്ങുന്ന വരി ഇല്ലാതാക്കുക "workbench.layout" അല്ലെങ്കിൽ അതിൻ്റെ മൂല്യം മാറ്റുക «auto».
3. ഫയൽ സേവ് ചെയ്ത് വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് അടയ്ക്കുക.
4. ലേഔട്ട് മാറ്റം കാണാൻ വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് വീണ്ടും തുറക്കുക.

7. വിഷ്വൽ സ്റ്റുഡിയോ കോഡിലെ ലേഔട്ട് എൻ്റെ മുൻഗണനകൾക്കനുസരിച്ച് ഇഷ്‌ടാനുസൃതമാക്കാനാകുമോ?

1. അതെ, വ്യത്യസ്ത പാനലുകളും നിര ഘടനകളും വാഗ്ദാനം ചെയ്യുന്ന വിപുലീകരണങ്ങൾ ചേർത്ത് നിങ്ങൾക്ക് ലേഔട്ട് ഇഷ്ടാനുസൃതമാക്കാനാകും.

8. വിഷ്വൽ സ്റ്റുഡിയോ കോഡിൽ ലേഔട്ട് താൽക്കാലികമായി മാറ്റാൻ കഴിയുമോ?

1. അതെ, "ഫയൽ", തുടർന്ന് "പുതിയ വിൻഡോ" എന്നിവ ക്ലിക്കുചെയ്തുകൊണ്ട് നിങ്ങൾക്ക് ഒരു പ്രത്യേക ലേഔട്ട് ഉള്ള ഒരു പുതിയ വിൻഡോയിൽ ഒരു ഫയലോ ഫോൾഡറോ തുറക്കാൻ കഴിയും.
2. ഈ പുതിയ വിൻഡോ സ്ഥാപിത ലേഔട്ട് താൽക്കാലികമായി നിലനിർത്തും.

എക്സ്ക്ലൂസീവ് ഉള്ളടക്കം - ഇവിടെ ക്ലിക്ക് ചെയ്യുക  വെബ്‌സ്റ്റോം ഉപയോഗിച്ച് HTML, CSS എന്നിവ എഡിറ്റ് ചെയ്യാൻ എനിക്ക് എങ്ങനെ കഴിയും?

9. വിഷ്വൽ സ്റ്റുഡിയോ കോഡിലെ ലേഔട്ട് മാറ്റിയതിന് ശേഷം മാറ്റങ്ങൾ കാണുന്നില്ലെങ്കിൽ ഞാൻ എന്തുചെയ്യണം?

1. ലേഔട്ട് മാറ്റുന്നതിന് മുമ്പ് തുറന്ന എല്ലാ ഫയലുകളും വിഷ്വൽ സ്റ്റുഡിയോ കോഡിൽ സംരക്ഷിച്ച് അടയ്ക്കുന്നുവെന്ന് ഉറപ്പാക്കുക.
2. പ്രയോഗിച്ച മാറ്റങ്ങൾ കാണാൻ വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് വീണ്ടും തുറക്കുക.

10. വിഷ്വൽ സ്റ്റുഡിയോ കോഡ് ലേഔട്ടിലെ നിരകളുടെ വലുപ്പം മാറ്റാനാകുമോ?

1. അതെ, വിൻഡോ ബോർഡറുകൾ വലിച്ചിടുന്നതിലൂടെ നിങ്ങൾക്ക് നിരകളുടെ വലുപ്പം ക്രമീകരിക്കാൻ കഴിയും.
2. ചില പ്രത്യേക കോളം കോമ്പിനേഷനുകൾക്കായി നിങ്ങൾക്ക് മുൻകൂട്ടി നിശ്ചയിച്ചിട്ടുള്ള ലേഔട്ട് ഓപ്ഷനുകളും ഉപയോഗിക്കാം.