Tafole ea likateng[Pata][Bontša]
Etsa joalo ke Javascript laebrari e sebelisoang ho theha lihokelo tsa basebelisi. E tsamaisoa ke Facebook le sechaba sa batho ba ikemetseng le likhoebo.
React e thusa ba ntlafatsang ho etsa lits'ebetso tse kholo tsa marang-rang tse sebelisang data mme li ka fetoha ha nako e ntse e ea ntle le ho hloka hore leqephe le kenngoe hape.
E batla ho fana ka mokhoa o hlakileng haholoanyane ho nts'etsopele ea sebopeho sa basebelisi, ho nolofatsa ho beha mabaka ka lenaneo la hau le ho ntlafatsa phallo ea data lipakeng tsa likarolo.
React extensions bakeng sa Code ea Visual Studio e ka u thusa ho ntlafatsa tlhahiso ea hau ea nts'etsopele ka ho kenyelletsa likarolo tse kang likotoana, lintja, le lisebelisoa tsa ho lokisa liphoso.
Lintlo le likotlo ka bobeli li ka u thusa ho fumana liphoso tsa syntax le mathata a mang khoutung ea hau, ho u bolokela nako ka ho fana ka khoutu ea boilerplate bakeng sa lipaterone tsa React khafetsa.
Ho ka ba bonolo ho fumana le ho rarolla liphoso khoutu ea hau ka thuso ea lisebelisoa tsa ho lokisa liphoso. Ho sebelisa likeketso tsa React bakeng sa VS Code ho ka u thusa ho ba moqapi ea sebetsang hantle le ea hlahisang litholoana ka kakaretso.
Ka poso ena, re tla sheba li-addons tse holimo tsa React bakeng sa Visual Studio Code.
1. Snippet ea ES7+ React/redux/React-Native
E 'ngoe ea li-extensions tse tsebahalang haholo har'a Itšoare 'me U Itšire ka Setsoalloa Bahlahisi ke ES7+ React/Redux/React-Native snippets.
E kenyelletsa li-prefixes tse 'maloa tse khuts'oane ho thusa ba ntlafatsang ho haha lipoleloana tsa khoutu le syntax bakeng sa React, Redux, GraphQL, le React Native.
Ka lebaka leo, ena ke katoloso e ntle ea ho potlakisa ts'ebetso ea hau ea nts'etsopele. Katoloso ena e ka u thusa ho boloka nako le ho etsa hore ntlafatso ea hau ea React e sebetse hantle.
2. Litšenyehelo tsa ho reka kantle ho naha
Litšenyehelo tsa ho Kenya ke tse ling tsa VS Code addon bakeng sa bahlahisi ba React. Ho kenya le ho kenya liphutheloana ke ts'ebetso e tloaelehileng le e hlokahalang ho nts'etsopele ea kopo ea React.
Leha ho le joalo, ha u ntse u kenya liphutheloana tse 'maloa, ho ka ba le mathata a tshebetso. The Import Cost addon e bonts'a boholo ba sephutheloana hang ha o kenya laebrari ho VS Code editor, e u thusang ho fumana hore na ke mang ea lokelang ho kenya.
3. GitLens
GitLens ke katoloso ea Visual Studio Code e u thusang ho utloisisa khoutu hamolemo. E fana ka likarolo tse matla tse ntlafatsang boiphihlelo ba Git, joalo ka lense ea khoutu, litlhaloso tsa molato, le lipono tse tsoetseng pele tsa papiso.
Lense ea khoutu e u lumella ho bona litšupiso tsa khoutu, bangoli, le lintlha tse ling tsa bohlokoa ka har'a mohlophisi, ha litlhaloso tsa molato li u lumella ho bona kapele hore na ke mang ea qetetseng ho fetola mola oa khoutu.
Maikutlo a ho bapisa a tsoetseng pele a etsa hore ho be bonolo ho bapisa liphetoho makaleng, boitlamo, le tse ling. GitLens e ka u thusa ho utloisisa khoutu hamolemo, ho sebelisana le ba bang, le ho ntlafatsa ts'ebetso ea hau ea Git.
4. React Native Tools
React Native Tools ke katoloso ea Khoutu ea Visual Studio e fanang ka lisebelisoa tsa ho lokisa liphoso le ho nts'etsapele lits'ebetso tsa React Native.
E u lumella ho sebelisa sebopeho sa taelo ea React Native ka kotloloho ho tsoa kahare ho Visual Studio Code mme e kenyelletsa likarolo tse ling tse joalo ka ho lokisa liphoso le tšehetso ea IntelliSense.
Ka React Native Tools, o ka beha libaka tsa phomolo, oa hlahloba lintho, 'me oa sebelisa console ho lokisa lits'ebetso tsa hau tsa React Native. E ka boela ea fana ka tlatsetso ea khoutu le likarolo tse ling tsa IntelliSense ho u thusa ho ngola khoutu kapele le ka nepo.
Ka kakaretso, Lisebelisoa tsa React Native li ka etsa hore ts'ebetso ea hau ea ntlafatso ea React Native e be bonolo le ho sebetsa hantle.
5. Styleint
Stylelint ke katoloso ea Khoutu ea Visual Studio e fanang ka leseli bakeng sa CSS, Sass, le Less. E o thusa ho ngola mekhoa e tsitsitseng, ea boleng bo holimo ka ho tsebahatsa le ho lokisa mekhoa e nang le mathata khoutu ea hau.
Stylelint e khona ho bona liphoso, joalo ka syntax e sa sebetseng, li-semicolons tse sieo, le mefuta e sa sebelisoeng, hammoho le ho qobella melao ea setaele, joalo ka indentation, litloaelo tsa mabitso, le boholo ba fonte.
Ka ho sebelisa Stylelint, o ka etsa bonnete ba hore li-stylesheets tsa hau li ngotsoe hantle 'me li khomarela mekhoa e metle ea indasteri. E ka u bolokela nako 'me ea etsa hore li-stylesheets tsa hau li bolokehe le ho feta.
6. npm IntelliSence
npm IntelliSense ke katoloso ea Visual Studio Code e fanang ka botlalo ba li-module tsa npm liphatlalatsong tsa hau tsa kantle ho naha.
E ka u thusa ho ngola lipolelo tsa ho kenya ka potlako le ka liphoso tse fokolang ka ho fana ka litlhahiso bakeng sa liphutheloana tsa npm ha u ntse u ngola.
Katoloso ena e ka u bolokela nako 'me ea etsa hore nts'etsopele ea hau e atlehe haholoanyane ka ho fokotsa tlhoko ea ho batla mabitso a liphutheloana le linomoro tsa mofuta.
E ka boela ea thusa ho thibela liphoso tsa ho reka, tse kang typos kapa liphutheloana tse seng teng, ka ho fana ka maikutlo a hang-hang ha u ntse u ngola khoutu ea hau.
7. Likhoutu tsa JavaScript (ES6) tsa khoutu
Likhoutu tsa JavaScript (ES6) ke katoloso ea Khoutu ea Visual Studio e fanang ka likaroloana tsa khoutu bakeng sa JavaScript. E kenyelletsa linepe bakeng sa mekhoa e mengata e tloaelehileng ea JavaScript, joalo ka mesebetsi, litlelase, loops, le lipehelo.
Lipotso tsena li ka u bolokela nako ka ho fana ka khoutu ea boilerplate eo u ka e sebelisang ho qala khoutu ea JavaScript kapele.
Katoloso e boetse e kenyelletsa linepe bakeng sa likarolo tse ncha tsa puo ea JavaScript tse hlahisitsoeng ho ECMAScript 6 (ES6), joalo ka mesebetsi ea motsu, li-template literals, le tlhophiso.
Ho sebelisa katoloso ena ho ka etsa hore nts'etsopele ea JavaScript e sebetse hantle le ho hlahisa litholoana.
8. JavaScript Debugger (Bosiu)
JavaScript Debugger ke katoloso ea Visual Studio Code e fanang ka tšehetso ea debugging bakeng sa JavaScript.
E u lumella ho beha li-breakpoints, ho hlahloba mefuta e fapaneng, le ho sebelisa console ho lokisa khoutu ea hau ea JavaScript. Ka JavaScript Debugger, o ka tseba kapele le ho lokisa mathata khoutu ea hau, oa etsa hore nts'etsopele ea hau e sebetse hantle le ho sebetsa hantle.
Katoloso e ts'ehetsa ho lokisa liphoso bakeng sa lehlakore la bareki le lehlakoreng la seva mme e hokahana le lilaebrari tse ling tse tsebahalang tsa JavaScript le meralo, joalo ka React le Node.js.
Ka kakaretso, JavaScript Debugger e ka ba sesebelisoa sa bohlokoa bakeng sa moqapi ofe kapa ofe oa JavaScript.
9. Likaroloana tsa khoutu ea ReactJS
Linotsoana tsa khoutu ea ReactJS ke katoloso ea Khoutu ea Visual Studio e fanang ka likaroloana tsa khoutu bakeng sa nts'etsopele ea React.
E kenyelletsa linepe bakeng sa lipaterone tse ngata tse tloaelehileng tsa React, joalo ka likarolo, lisebelisoa, boemo le mekhoa ea potoloho ea bophelo. Lipotso tsena li ka u bolokela nako ka ho fana ka khoutu ea boilerplate eo u ka e sebelisang ho qala khoutu ea hau ea React kapele.
Katoloso e boetse e kenyelletsa linepe tsa lilaebrari le lisebelisoa tse tsebahalang tsa React, joalo ka Redux le React Router. Ho sebelisa katoloso ena ho ka etsa hore nts'etsopele ea hau ea React e sebetse hantle le ho hlahisa litholoana.
10. VSCode React Refactor
Katoloso ea VS Code React Refactor e etselitsoe batho ba ntlafatsang React. Ha o sebetsa mererong e meholo, ho etsa refactoring ho ka ba thata.
Maemong ana, o ka hlophisa khoutu ea hau habonolo o sebelisa VSCode React Refactor, e tla arola likarolo tsa khoutu ea JSX ka lihlopha tse ncha, likarolo, joalo-joalo.
Ntle le moo, e ts'ehetsa mesebetsi e tloaelehileng, litlelase, TSX, TypeScript le mesebetsi ea motsu.
Ho feta moo, o ka khona ho laola likarolo tsa bohlokoa le litlamo tsa ts'ebetso u e sebelisa. E lumellana le React Hooks API.
fihlela qeto e
Qetellong, li-extensions tsa VS Code li molemo haholo ho batho ba ntlafatsang kaha li eketsa tlhahiso le ho boloka nako e ngata. Katoloso e 'ngoe le e' ngoe ea VS Code React e na le likarolo tsa eona le mesebetsi.
Kahoo, ha u se u hlalositse litlhoko tsa hau, u ka khetha leha e le efe ea li-extensions tsena.
Leave a Reply