විෂුවල් ස්ටුඩියෝ කේත සංස්කාරකයේ ආකෘතිකරණය හෝ "අලංකාර කිරීම" සඳහා දෘශ්ය ස්ටුඩියෝ හි වින්ඩෝස් හි Ctrl+ K+ Fසහ Ctrl+ K+ ට සමාන වන්නේ Dකුමක්ද?
විෂුවල් ස්ටුඩියෝ කේත සංස්කාරකයේ ආකෘතිකරණය හෝ "අලංකාර කිරීම" සඳහා දෘශ්ය ස්ටුඩියෝ හි වින්ඩෝස් හි Ctrl+ K+ Fසහ Ctrl+ K+ ට සමාන වන්නේ Dකුමක්ද?
Answers:
කේත ආකෘතිකරණය පහත දැක්වෙන කෙටිමං හරහා දෘශ්ය ස්ටුඩියෝ කේතයෙන් ලබා ගත හැකිය:
විකල්පයක් ලෙස, ඔබට සංස්කාරකයේ Ctrl+ Shift+ P(හෝ මැක්හි Command+ Shift+ P) සමඟ සපයා ඇති 'විධාන පැලට්' හරහා කෙටිමඟ මෙන්ම වෙනත් කෙටිමං ද සොයාගත හැකිය , පසුව ආකෘති ලේඛනය සෙවීම .
විධාන විවරය විවෘත කරන්න (ජයග්රහණය: F1 හෝ Ctrt + Shift + P)
'භාෂා ආකෘතිය වෙනස් කරන්න' සොයා ගන්න
භාෂාව තෝරන්න උදා json
. මේ වන විට සින්ටැක්ස් ඉස්මතු කළ යුතුය.
ආකෘති ලේඛනය (උදා: විවෘත විධාන පත්රිකාව -> ' ආකෘති ලේඛනය ')
කේත ආකෘති කෙටිමං:
වින්ඩෝස් හි දෘශ්ය ස්ටුඩියෝ කේතය - Shift+ Alt+F
MacOS හි දෘශ්ය ස්ටුඩියෝ කේතය - Shift+ Option+F
උබුන්ටු හි දෘශ්ය ස්ටුඩියෝ කේතය - Ctrl+ Shift+I
අවශ්ය නම් මනාප සැකසුම භාවිතා කර ඔබට මෙම කෙටිමඟ අභිරුචිකරණය කළ හැකිය.
ගොනුව සුරකින අතරතුර කේත හැඩතල ගැන්වීම:
දෘශ්ය ස්ටුඩියෝ කේතය පරිශීලකයාට පෙරනිමි සැකසුම් අභිරුචිකරණය කිරීමට ඉඩ දෙයි.
සුරකින අතරතුර ඔබේ අන්තර්ගතය ස්වයංක්රීයව ආකෘතිකරණය කිරීමට ඔබට අවශ්ය නම්, දෘශ්ය ස්ටුඩියෝ කේතයේ වැඩ අවකාශ සැකසුම් තුළ පහත කේත ස්නිපටය එක් කරන්න.
මෙනු ගොනුව → මනාපයන් → වැඩබිම් සැකසුම්
{
// Controls if the editor should automatically format the line after typing
"beautify.onSave": true,
"editor.formatOnSave": true,
// You can auto format any files based on the file extensions type.
"beautify.JSfiles": [
"js",
"json",
"jsbeautifyrc",
"jshintrc",
"ts"
]
}
සටහන: දැන් ඔබට ටයිප්ස්ක්රිප්ට් ගොනු ස්වයංක්රීයව ආකෘතිකරණය කළ හැකිය. මගේ යාවත්කාලීනය පරීක්ෂා කරන්න.
Shift + Alt + I
Shift + Alt + I
ද
prettier.singleQuote: true
ඔබේ කේත සැකසුම් තුළ භාවිතා කිරීමට උත්සාහ කරන්න .
ඔබ මෙනු දී keybinding එකතු කළ හැකි ගොනු → Preferences → යතුරු පුවරුව කෙටිමං.
{ "key": "cmd+k cmd+d", "command": "editor.action.formatDocument" }
හෝ දෘශ්ය ස්ටුඩියෝ වැනි:
{ "key": "ctrl+k ctrl+d", "command": "editor.action.formatDocument" }
cmd
කරන්න ctrl
- මා කළාක් මෙන් අන්ධ ලෙස පිටපත් කර අලවන්න එපා!
නිවැරදි යතුරු සංයෝජනය Shift+ Alt+ Fවේ.
ෆෙඩෝරා සඳහා
File
-> Preferences
-> Keyboard shortcuts
.Default Keyboard Shortcuts
, සොයන්න ( Ctrl+ F) editor.action.format
.මගේ කියවීම "key": "ctrl+shift+i"
ඔබට එය ද වෙනස් කළ හැකිය. කෙසේද යන්න පිළිබඳ මෙම පිළිතුර වෙත යොමු වන්න ... හෝ ඔබට අනුචලනය කිරීමට ටිකක් කම්මැලි බවක් දැනේ නම්:
ඔබට "මනාප-> යතුරුපුවරු කෙටිමං" තුළ යතුරු බැඳීමක් එක් කළ හැකිය.
{ "key": "cmd+k cmd+d", "command": "editor.action.format" }
හෝ දෘශ්ය ස්ටුඩියෝ වැනි:
{ "key": "ctrl+k ctrl+d", "command": "editor.action.format" }
කරුණාකර සටහන් කරන්න: cmdයතුර මැක්ස් සඳහා පමණි. වින්ඩෝස් සහ ෆෙඩෝරා (වින්ඩෝස් යතුරුපුවරුව) භාවිතය සඳහාCtrl
සංස්කරණය කරන්න :
දෘශ්ය කේත අනුවාදයට අනුව 1.28.2
මෙය මට හමු විය.
editor.action.format
තවදුරටත් නොපවතී. එය දැන් editor.action.formatDocument
සහ මගින් ප්රතිස්ථාපනය කර editor.action.formatSelection
ඇත.
editor.action.format
පවතින කෙටිමං බැලීමට සෙවුම් කොටුවේ ටයිප් කරන්න.
යතුරු සංයෝජන වෙනස් කිරීමට මෙම පියවර අනුගමනය කරන්න:
editor.action.formatDocument
හෝeditor.action.formatSelection
ලිනක්ස් වල එය Ctrl+ Shift+ Iවේ.
වින්ඩෝස් හි එය Alt+ Shift+ Fවේ. HTML / CSS / JavaScript සහ විෂුවල් ස්ටුඩියෝ කේතය 1.18.0 සමඟ පරීක්ෂා කර ඇත.
වෙනත් භාෂා සඳහා, ඔබට විශේෂිත භාෂා පැකේජයක් ස්ථාපනය කිරීමට අවශ්ය විය හැකිය.
විෂුවල් ස්ටුඩියෝ කේතය 1.6.1 " ෆෝමැට් ඔන් සේව් " සඳහා සහය දක්වයි, එමඟින් අදාළ ස්ථාපිත ආකෘති දිගුවන් ස්වයංක්රීයව ලබා ගන්නා අතර එක් එක් සුරැකීම මත සම්පූර්ණ ලේඛනයම සංයුති වේ.
සැකසීමෙන් "සුරැකීමේ ආකෘතිය" සක්රීය කරන්න
"editor.formatOnSave": true
යතුරුපුවරු කෙටිමං තිබේ (දෘශ්ය ස්ටුඩියෝ කේතය 1.7 සහ ඊට වැඩි):
සම්පූර්ණ ලේඛනය සංයුති කරන්න : Shift+ Alt+F
ආකෘති තේරීම පමණි : Ctrl+ K, Ctrl+F
මෙනු ගොනුව → මනාපයන් → සැකසුම්
"editor.formatOnType": true
ඔබ අර්ධ සළකුණට ඇතුළු වූ විට එය සංයුති වේ.
විකල්පයක් ලෙස, ඔබට ද භාවිතා කළ හැකිය "editor.formatOnSave": true
.
shift+alt+f
ඇතැම් අවස්ථාවන්ට වඩා වෙනස් විය හැකි බව මට පෙනී ගොස් ඇත. ඇයිදැයි නොදනී!
පෙළ මත දකුණු-ක්ලික් කර "ආකෘති කේතය" තෝරන්න.
දෘශ්ය ස්ටුඩියෝ කේතය js-beautify
අභ්යන්තරව භාවිතා කරයි , නමුත් ඔබට භාවිතා කිරීමට අවශ්ය විලාසය වෙනස් කිරීමේ හැකියාවක් එයට නොමැත. "අලංකාර කිරීම" දිගුව ඔබට සැකසුම් එක් කිරීමට ඉඩ දෙයි.
කිසියම් හේතුවක් නිසා Alt+ Shift+ Fමැක් විෂුවල් ස්ටුඩියෝ කේතය 1.3.1 හි මා වෙනුවෙන් ක්රියා නොකළ අතර ඇත්ත වශයෙන්ම “ආකෘති ලේඛනය” විධානය කිසිසේත් ක්රියාත්මක නොවීය. නමුත් Formatter විධානය ඉතා හොඳින් ක්රියාත්මක විය.
ඔබට භාවිතා කළ හැකි නිසා Command+ Shift+ Pහා ටයිප් හැඩසවිගන්වනය මෙනුව තුළ හෝ ඔබේ ම කෙටි මග කරන්න ගොනුව → Preferences → යතුරු පුවරු කෙටිමං → Command+ K Command+ Sටයිප් පසුව හැඩසවිගන්වනය ඔබේ කෙටිමං එකතු කරන්න.
උදාහරණයක් බලන්න:
Shift+ Alt+ F1.17.2 සහ ඊට ඉහළ කාර්යය හොඳින් කරයි.
විෂුවල් ස්ටුඩියෝ හි කේත ආකෘතිකරණය.
මම වින්ඩෝස් 8 හි ආකෘතිකරණය කිරීමට උත්සාහ කර ඇත.
පහත තිරපිටපත් අනුගමනය කරන්න.
C # ගැන ආකෘතිය කෙටිමං මට වැඩ කටයුතු කළේ නැත මම ස්ථාපනය වන තුරු Mono මැක් OS X මෙහෙයුම් පද්ධතිය සඳහා DNVM හා DNX .
මම මොනෝ ස්ථාපනය කිරීමට පෙර, ස්වයංක්රීය හැඩතල කෙටිමඟ ( Shift+ Alt+ F) වැඩ කළේ .json
ගොනු සඳහා පමණි .
මැක්හි, Shift+ Alt+ Fමට වැඩ කරයි.
ඔබට සෑම විටම මෙනුවේ යතුරු බන්ධන පරීක්ෂා කළ හැකිය:
මෙනු ගොනුව → මනාපයන් → යතුරුපුවරු කෙටිමං සහ 'ආකෘතිය' යන යතුරු පදයෙන් පෙරහන් කරන්න.
විෂුවල් ස්ටුඩියෝ කේතයේ (උබුන්ටු) මා භාවිතා කරන සරලම ක්රමය නම්:
මූසිකය සමඟ සංයුති කිරීමට අවශ්ය පෙළ තෝරන්න.
දකුණු ක්ලික් කර "ආකෘති තේරීම" තෝරන්න .
විෂුවල් ස්ටුඩියෝ කේතය සඳහා පෙරනිමි හැසිරීම වෙනස් කිරීමට දිගුවක් අවශ්ය වන අතර, ඔබට වැඩපොළේ හෝ පරිශීලක මට්ටමේ පෙරනිමි හැසිරීම අභිබවා යා හැකිය. එය සහාය දක්වන බොහෝ භාෂාවන් සඳහා ක්රියා කරයි (මට HTML, JavaScript සහ C # සහතික කළ හැකිය).
ප්රතිලාභ
ප්රති come ල
.vscode/settings.json
ව්යාපෘති මූල ෆෝල්ඩරයේ නිර්මාණය කර ඇතකොහොමද?
වෙත යන්න: මෙනු ගොනුව → මනාපයන් → වැඩබිම් සැකසුම්
"editor.formatOnType": true
Settings.json වෙත එකතු කර සුරකින්න (.vscode / settings.json ගොනුව නිර්මාණය කිරීමෙන් ඔබ වැඩ කරන ව්යාපෘතිය සඳහා පෙරනිමි හැසිරීම අභිබවා යයි).
ප්රතිලාභ
ප්රති come ල
settings.json
වෙනස් කර ඇත (පහත මෙහෙයුම් පද්ධතිය අනුව ස්ථානය බලන්න)කොහොමද?
වෙත යන්න: මෙනු ගොනුව ferences මනාපයන් → පරිශීලක සැකසුම්
වටිනාකම එකතු කිරීම හෝ වෙනස් "editor.formatOnType": false
කිරීම "editor.formatOnType": true
පරිශීලක settings.json දී
ඔබේ දෘශ්ය ස්ටුඩියෝ කේත පරිශීලකයාගේ settings.json
ස්ථානය:
ඔබගේ වේදිකාව අනුව ගොනු ස්ථාන සැකසීම්, පරිශීලක සැකසුම් ගොනුව මෙහි පිහිටා ඇත:
%APPDATA%\Code\User\settings.json
$HOME/Library/Application Support/Code/User/settings.json
$HOME/.config/Code/User/settings.json
වැඩබිම් සැකසුම් ගොනුව ඔබේ ව්යාපෘතියේ .vscode ෆෝල්ඩරය යටතේ පිහිටා ඇත.පෙරනිමියෙන්, මෙම යතුර HTML, CSS සහ JavaScript ලේඛනවල මා වෙනුවෙන් ක්රියා නොකරයි.
සෙවීමෙන් පසු, ස්ථාපනයන් 133,796 ක් සහිත ජනප්රිය ප්ලගිනයක් JS-CSS-HTML Formatter මට හමු විය .
ස්ථාපනය කිරීමෙන් පසු, කවුළු නැවත පූරණය කර Ctrl+ Shift+ ඔබන්න, Fඑය ක්රියා කරයි!
.prettierrc
සහ ප්ලගිනය සමඟ dev- යැපීම ලෙස ලස්සන ලෙස භාවිතා කරමි .
පෙළ තෝරන්න, තේරීම මත දකුණු ක්ලික් කරන්න, සහ "විධාන පලකය" විකල්පය තෝරන්න:
නව කවුළුවක් විවෘත වේ. "ආකෘතිය" සඳහා සොයන්න සහ අවශ්යතාවය අනුව හැඩතල ගැන්වීමේ විකල්පය තෝරන්න.
මයික්රොසොෆ්ට් විසින් විෂුවල් ස්ටුඩියෝ කීමාප් (දෘශ්ය ස්ටුඩියෝ කේමාප් සඳහා දෘශ්ය ස්ටුඩියෝ කේමාප් ) ස්ථාපනය කරන්න . ගැටළුව විසඳා ඇත. : පි
මැක් දී භාවිතා ⌘+ Kඑදා සහ ⌘+ F.
ඔබ පළමුව සුදුසු ප්ලග් ඉන් ස්ථාපනය කළ යුතුය (එනම්, XML, C #, ආදිය).
ඔබ අදාළ ප්ලගිනය ස්ථාපනය කර සුදුසු දිගුවක් සමඟ ගොනුව සුරකින තුරු ආකෘතිකරණය ලබා ගත නොහැක.
ජාවාස්ක්රිප්ට් ගොනු ආකෘතිකරණය කිරීම සඳහා අභිරුචිකරණය කිරීමට අවශ්ය අයට, ඔබට දේපලෙහි ඕනෑම දිගුවක් භාවිතා කළ හැකිය JSfiles
. HTML සඳහා ද එය අදාළ වේ.
{
"beautify.onSave": true,
"beautify.JSfiles": ["js", "json", "jsbeautifyrc", "jshintrc", "ts"],
"beautify.HTMLfiles": ["htm", "html"]
}
මෙමඟින් ටයිප්ස්ක්රිප්ට් සඳහා සුරැකීම අලංකාර කිරීමට හැකි වන අතර ඔබට HTML විකල්පයට HTML එකතු කළ හැකිය.
settings.json
. විධාන පුවරුව (වින්ඩෝස් : Ctrl+Shift+P
. මැක් :) විවෘත කර Cmd+Shift+P
ඇතුල් කරන්න 'Open Settings (JSON)'
.
මෙය නොවේ. මෙය භාවිතා කරන්න:
මෙනු ගොනුව → මනාපයන් → වැඩබිම් සැකසුම් , "editor.formatOnType" : ඇත්ත
දිගුව භාවිතා කරන්න ...
ඔබ ගොනුවක් සුරකින විට කේතයේ ස්වයංක්රීය හැඩතල ගැන්වීම සක්රීය කරයි.
විෂුවල් ස්ටුඩියෝ කේතය දියත් කර ක්ෂණික විවෘත ( Ctrl+ P), පහත විධානය අලවා ඔබන්න Enter.
ext ස්ථාපනය කිරීමේ ආකෘතිය මත සුරකින්න
https://marketplace.visualstudio.com/items?itemName=gyuha.format-on-save