10 հիմնական արտադրողականության խորհուրդներ Visual Studio Code-ի համար

Visual Studio Code-ը ջրից դուրս է հանում ծրագրավորման այլ տեքստային խմբագրիչներ: Այն անվճար է, բաց կոդով, կայծակնային արագ և հագեցած է արտադրողականության հատկանիշներով:

Visual Studio Code-ը հեշտությամբ ծրագրավորման լավագույն տեքստային խմբագրիչն է: Շատերի համար այն փոխարինեց Sublime Text-ին՝ որպես իրենց ընտրած խմբագրի: Այն էլեկտրոնների վրա հիմնված JavaScript հավելված է, բայց այն կայծակնային է և չի տուժում աշխատանքի հետ կապված խնդիրներ, ինչպես շատ JavaScript հավելվածներ:

Եվ եթե ձեզ հետաքրքրում էր, այո, VS Code-ը բաց կոդով է և հասանելի է GitHub-ում: Ահա մի քանի կարևոր Visual Studio Code-ի խորհուրդներ, որոնք դուք պետք է սովորեք, եթե ցանկանում եք բարձրացնել ձեր արտադրողականությունը և աշխատանքային հոսքը դեպի հաջորդ մակարդակ:

1. Վարպետեք Command Palette-ը VS Code-ում

Ինչպես Sublime Text-ը (և դրանից առաջ TextMate-ը), VS Code-ն ունի մի բան, որը կոչվում է հրամանների պալիտրա: Այս հատկությունը թույլ է տալիս մուտք գործել տարբեր հրամաններ՝ պարզապես մուտքագրելով դրանք, այլ ոչ թե մկնիկի միջոցով նավարկելու ընտրացանկերը:

Դուք կարող եք բարձրացնել հրամանների պալիտրա Ctrl + Shift + P (կամ Cmd + Shift + P) ստեղնաշարի դյուրանցմամբ: Պարզապես սկսեք մուտքագրել այն, ինչ ցանկանում եք անել (օրինակ՝ «փակել»), և ընտրանքները կթարմացվեն իրական ժամանակում: Որոշ հրամաններ գտնվում են կատեգորիաներում (օրինակ՝ «Ֆայլ», «Գիտ», «Տերմինալ» և այլն), ինչը հեշտացնում է դրանց տեղորոշումը:

2. Սահմանեք աշխատանքային նախագծի թղթապանակ

Եթե նավարկության կողագոտում սեղմեք Explorer վրա, կտեսնեք, որ բացվում է նոր ենթավահանակ: Այս ենթավահանակը բաղկացած է երկու բաժիններից (հնարավոր է, որ հարկ լինի սեղմել երեք կետանոց մենյուի վրա և ընտրել «Բաց խմբագրիչներ»՝ այն որպես տարբերակներից մեկը ունենալու համար). և Պանակ չի բացվել: Վերջինն այն է, ինչ մեզ հետաքրքրում է:

Սեղմեք Բացել թղթապանակ (կամ կարող եք նավարկել դեպի Ֆայլ > Բացել թղթապանակ ընտրացանկի տողում) և ընտրեք ձեր համակարգի ցանկացած թղթապանակ: Սա բեռնելու է այդ թղթապանակը VS Code-ում որպես «ընթացիկ աշխատանքային նախագիծ»՝ թույլ տալով ձեզ հեշտությամբ մուտք գործել բոլոր ֆայլերը և ենթաթղթապանակները, այնպես որ դուք ստիպված չեք լինի շարունակել շրջել դեպի File Explorer:

3. Դիտեք միանգամից մի քանի ֆայլ

Ժամանակակից տեքստային խմբագրիչներից շատերը կարող են միաժամանակ աջակցել մեկից ավելի ֆայլերի, ինչը թույլ է տալիս անցնել բաց ֆայլերի միջև ներդիրների վրա հիմնված ինտերֆեյսի միջոցով: Ավելի առաջադեմ տեքստային խմբագիրները կարող են նույնիսկ աջակցել տեքստի կողք կողքի խմբագրմանը, և VS Code-ը նույնպես (թեև միայն հորիզոնական):

Բայց կողք կողքի խմբագրումը դժվար է ավելի փոքր էկրանների վրա, ինչպիսիք են նոութբուքերը կամ հին մոնիտորները, և հենց այստեղ է փայլում VS Code-ը:

Այն ունի մի բան, որը կոչվում է դինամիկ վահանակներ, որտեղ եթե բաց փաստաթղթերի վահանակներից մեկը չափազանց նեղ է, այն ավտոմատ կերպով կընդլայնվի, երբ դուք ակտիվացնեք այդ փաստաթուղթը (այսինքն՝ տեղադրեք ձեր կուրսորը դրա մեջ): Եթե դուք դեռ օգտագործում եք 720p-ին մոտ լուծում, ապա ձեզ դուր կգա այս հատկությունը:

4. Խմբագրել մի քանի տող միանգամից

Եթե երբևէ ձեզ անհրաժեշտ է տեղադրել կամ ջնջել տեքստի մի քանի օրինակ փաստաթղթում, ապա ձեզ մնում է միայն ստեղծել բազմաթիվ կուրսորներ: Դուք կարող եք դա անել՝ սեղմելով Alt (կամ Option Mac-ում) և սեղմելով տեքստի ցանկացած կետ: Յուրաքանչյուր կտտոց ստեղծում է նոր կուրսոր:

Սա հատկապես օգտակար է HTML-ի նման բաների համար, որտեղ դուք կարող եք ավելացնել նույն դասի բազմաթիվ օրինակներ կամ փոխել մի քանի հիպերհղումների ձևաչափը: Սովորե՛ք և սիրե՛ք այն։

5. Գնացեք Սահմանում

Երբ դուք ծրագրավորում եք կամ սկրիպտներ եք գրում, հաճախ դուք կբախվեք փոփոխականի կամ մեթոդի, որը դուք չեք ճանաչում: Այսպիսով, ինչ ես դու անում? Դուք կարող եք մի քանի րոպե ծախսել ճիշտ ֆայլի որոնման համար, կամ կարող եք ընտրել փոփոխականը/մեթոդը ձեր կուրսորով և սեղմել F12՝ անմիջապես անցնելու դրա սահմանմանը: Այլապես ընտրեք ձեր մեթոդը, ֆունկցիան կամ փոփոխականը և սեղմեք Ctrl կամ Cmd, ապա սեղմեք դրա վրա՝ սահմանմանը գնալու համար:

Կամ կարող եք օգտագործել Alt + F12 (կամ Cmd + F12) ստեղնաշարի դյուրանցումը` պարզապես հայացք գցելու սահմանմանը, որը ցույց է տալիս սահմանումը հենց այն տողում, որտեղ ձեր կուրսորը ավելի շուտ է: քան սկզբնաղբյուր ֆայլը բացելը:

Հակառակ ուղղությամբ գնալու համար կարող եք ընտրել սահմանված փոփոխական/մեթոդ և օգտագործել Shift + F12 ստեղնաշարի դյուրանցումը՝ դրա բոլոր հղումները գտնելու համար: Սա նույնպես հայտնվում է ձեր կուրսորի տողում:

6. Վերանվանել բոլոր դեպքերը

Refactoring-ը մաքուր կոդ գրելու և պահպանելու անհրաժեշտ կողմն է, բայց դա կարող է բավականին գլխացավանք լինել, հատկապես, երբ վերամշակում եք մեծ մոդուլ կամ այլ կերպ կոդի հսկայական կտոր: Այսպիսով, տասնյակ ֆայլեր փնտրելու փոխարեն պարզապես փոփոխականը կամ մեթոդը վերանվանելու համար, թույլ տվեք VS Code-ին դա անել ձեզ համար:

Եթե ընտրեք փոփոխական/մեթոդ և սեղմեք F2, կարող եք խմբագրել անունը, և այն կփոխի այդ փոփոխականի անվան յուրաքանչյուր օրինակ ամբողջ ընթացիկ աշխատանքային նախագծի ընթացքում:

Եթե ցանկանում եք փոխել միայն ընթացիկ ֆայլի ներսում, օգտագործեք Ctrl/Cmd + F2 ստեղնաշարի դյուրանցումը, և VS Code-ը կուրսորը կհայտնի ընթացիկ ֆայլի յուրաքանչյուր օրինակում:

7. Որոնել բազմաթիվ ֆայլերի մեջ

Եթե դուք աշխատում եք ֆայլերի հետ, որոնք աղբյուրի կոդ չեն, վերը նշված նշանների որոնման գործառույթները (թիվ 5-ում) օգտագործելի չեն լինի: Այսպիսով, ի՞նչ կարող եք անել, երբ ձեզ անհրաժեշտ է նախադասություն կամ բառ գտնել, բայց չգիտեք, թե որ ֆայլում է այն գտնվում: Դուք վերադառնում եք հիմնական Գտնել ֆունկցիային:

Ctrl/Cmd + F թույլ է տալիս որոնել ընթացիկ ֆայլում, մինչդեռ Ctrl + Shift + F (կամ Shift + Cmd + F) թույլ է տալիս որոնել բոլոր ֆայլերի մեջ ամբողջ ընթացիկ աշխատանքային նախագծի մեջ, ներառյալ բոլոր ենթաթղթապանակները ռեկուրսիվ կերպով:

8. Օգտագործեք հրամանի տողը VS Code-ում

VS Code-ը գալիս է ինտեգրված տերմինալով: Windows-ում այս տերմինալը ցուցադրվում է որպես հրամանի տող: Mac-ում և Linux-ում այն ցուցադրվում է որպես Bash հուշում: Ամեն դեպքում, տերմինալը սկսվում է ընթացիկ աշխատանքային նախագծի գրացուցակում, եթե կա այդպիսին, կամ այլ կերպ՝ ձեր տան թղթապանակում:

Այն նաև աջակցում է բազմաթիվ, առանձին տերմինալներ ունենալու հնարավորությանը: Պարզապես սեղմեք վերևի աջ մասում գտնվող Պլյուս (+) կոճակը՝ ավելի շատ տերմինալների օրինակներ ստեղծելու համար, կամ սեղմեք Աղբարկղը՝ ընթացիկ տերմինալը փակելու համար: Բացվող ընտրացանկը հեշտացնում է դրանց միջև անցումը (և չի վատնում էկրանի այնքան տարածք, որքան կարող է ներդիրների վրա հիմնված ինտերֆեյսը):

9. Տեղադրեք նոր թեմա VS Code-ում

Ինչպես հավանաբար ակնկալում էիք, VS Code-ը թույլ է տալիս թեմատիկ դարձնել տեքստի և սկզբնական կոդի շարահյուսական կարևորությունը: Ցավոք սրտի, դա թույլ չի տալիս ինքնին ինտերֆեյսի թեմատիկացում, բայց շարահյուսության ընդգծումը կարևոր մասն է: Լավ թեման կարող է բարձրացնել ձեր արտադրողականությունը ավելին, քան դուք կարող եք մտածել:

Դուք կարող եք գտնել նոր թեմաներ VS Code Marketplace-ում (դրանք անվճար են), կամ կարող եք դրանք ուղղակիորեն որոնել VS Code-ում: Ստուգեք VS Code-ի լավագույն թեմաների մեր ցուցակը, եթե առաջարկությունների կարիք ունեք:

10. Տեղադրեք երրորդ կողմի ընդլայնումներ VS Code-ում

Վերջին կարևոր հատկանիշը, որը պետք է ընդգծել, VS Code-ի ընդարձակելիությունն է երրորդ կողմի ընդլայնումների միջոցով: Ինչպես թեմաների դեպքում, դուք կարող եք դրանք գտնել VS Code Marketplace-ում (այո, դրանք նույնպես անվճար են), կամ կարող եք որոնել դրանք VS Code-ում: Մուտք գործեք Ընդլայնումներ վահանակ Ctrl + Shift + X (կամ Shift + Cmd + X) ստեղնաշարի դյուրանցմամբ:

Ընդլայնումները ձեր արտադրողականությունը առավելագույնի հասցնելու բանալին են: Այստեղ դուք կգտնեք բոլոր տեսակի գործիքներ, ինչպիսիք են linters, debuggers, snippets, VS Code-ի կյանքի որակի բարելավումներ, build գործիքներ և նույնիսկ որոշ ընդլայնումներ, որոնք օգտագործում են ChatGPT՝ VS Code-ում ավելի հեշտ ծրագրավորման համար:

Visual Studio Code-ը լավագույն տեքստային խմբագրիչն է

Որքան էլ որ թվում է, թե շատերն են սիրում այն, VS Code-ը կատարյալ չէ որևէ մեկի համար, երբեք ոչինչ չի եղել, և այն կարող է լինել այն, ինչ դուք փնտրում եք: Հիշեք, որ VS Code-ը տեքստային խմբագիր է, այլ ոչ թե ամբողջական IDE:

Այնուամենայնիվ, դուք պետք է փորձեք այն և մտեք բաց մտքով: Մենք կարծում ենք, որ դրա առանձնահատկությունները կարող են զարմացնել ձեզ՝ լավ իմաստով: