Ukusebenza kwi-monorepo enkulu kunye nenkqubo ye-long-term ithatha iingxaki zayo. Kwixesha lokuqala i-function entsha, ndibuka kwi-developer kwi-"file manager." Yenza i-mapping, ukulungiselela iifayile, ubhalise i-boilerplate code, i-copy imports ukusuka kwiifayile yesibini, kwaye awuzange ukutya umxokozelo ... Yonke isebenzo kunzima nje imizuzu, kodwa ngexesha elinyanga, yaye ngokufanelekileyo. Okokuqala, le nkqubo ivimbele amandla. Kwimeko yokuvimbela i-logic yebhizinisi, ndicinga ukucacisa kwi-copy-pasting kunye ne-checking pathways. Okokuqala, ndingathanda ukulungiselela inkxaso "umgangatho efanelekileyo" - ngokufanisa i-File kunye ne-Code Templates e-WebStorm. Kodwa ngexesha i-wall: iimveliso akufumana iindlela ngokufanelekileyo, akufumana ngokufanelekileyo Ukucinga ngaphakathi ikhowudi, kwaye ukunikezela iimeko kunye neqela leqela kubalulekile. Izixhobo ebizwa ukuba ukunceda uqala ukuxhaswa. MyComponent my-component Ke ndingathanda: Ukulungele le mfuneko ukuvelisa i-plugin yam. Uyazi ukuba? Akukho nto elithile njengoko abantu banxibelelana. Ndingathanda ukufundisa i-Java okanye ukufunda izixhobo iminyaka emininzi. Kuboniswa ukuba kumvelisi we-Frontend, i-Kotlin eyenziwe ngokufanelekileyo njenge-TypeScript. “What if I stop configuring the IDE and start programming it?” Kule nqaku, ndiya kubandakanya njani ukuba ndidlala ukusuka kwimfuno elula ukuvelisa isampula ukuya kuyenza isixhobo epheleleyo, kwaye ngoko kufuneka ukunceda ukuxhaswa kwe-Developer Experience (DX). I-Problem: I-Infinite Copy-Paste kunye ne-"Blind" Navigation Iintlobo ezininzi ze-developers zokusebenza kwiprojekthi yethu kwi-repository eyodwa. Oku kuthatha izicwangciso ezininzi kwi-code style. Ngokwesibonelo, zonke iingxaki ze-React zihlukile kwi-presentation part ( ) kunye nokugqithisa ( ), kunye ne-styles ziquka kwifayile eyahlukileyo. Uyafikelela ukuvakashela i-component kwi ? I-Props ayidla kwi-line yokuqala? Ungayifumana i-Code Review. view.tsx index.tsx memo I-Fall of Simple Solutions: Yintoni iimveliso ze-file templates zangaphantsi Xa ndingathanda ngexesha lokugqibela, ndingathanda kwi-settings. I-scenario epheleleyo emzimbeni yam ndingathanda apha: i-one-click - kwaye ndithumela iifayile ezininzi (i-component, i-view, i-styles). Ukubonisa ukuba WebStorm inokufumana oku! Eziqhelekileyo kwi-settings , kukho umgaqo yokwenza iifayile kuphela, kodwa i-hierarchies nge-"Child Templates". ( Settings -> Editor -> File and Code Templates ) ( ) Ndazisa ngokukhawuleza i-configuration: 
 
 
 
 Parent template (Standard TSX Component): 
 
 
 
 
   Name: React Component Folder   Extension: tsx File Name: ${NAME}/index Code: 
import { memo } from 'react'
import View from './view'

type Props = {}

export const ${NAME} = memo((props: Props) => {
    const {} = props

    return <View />
})
 
 
     
 
 Child files (via Create Child Template button): 
 
 
 
 View (view.tsx): 
 
 
 
 File Name: ${NAME}/view Extension: tsx Code: 
import { memo } from 'react';
import styles from './styles.module.less';

type Props = {};

export default memo((props: Props) => {
    return <div className={styles.container}></div>;
});
 
 
 
 
 Styles (styles.module.less): 
 
 
 
 File Name: ${NAME}/styles.module Extension: less Code: ( empty file ) Victory? Nceda ukhethe isampuli, ubeka igama le folder kunye nefayela, kwaye i-IDE ibekwe ifolda kunye nokuhlanganisa iifayile ngokwayo. Ndingathanda njenge-genius ye-automation... ngexabiso iintsuku ezimbini. Voila! I-euphoria ebandayo xa ndingathanda ne-reality ebandayo ye-Apache Velocity (i-IDE template engine): 
 
 Iingxaki zeName: Ukuguqulwa kwe-MySuperComponent kwi-my-super-component ngenxa yeengxaki ze-import kunye nokuguqulwa kwi-MY_SUPER_COMPONENT ngenxa yeengxaki zangaphakathi kwisampula kunzima. Uya kufuneka uqhagamshelane ama-macros ezinzima. 
 
 Umgangatho olufanelekileyo kwi-file structure: Iimveliso angakwazi ukuvelisa iifayile kuphela ekubeni apho uqhagamshelane. Ukuba ndifuna ukuvelisa iifayile kwiifayile zeemoduli ezahlukeneyo ngexesha elifanayo, iimveliso zithunyelwe. 
 
 I-Team synchronization: Yintoni ndiyabakhokelela iimeko? "Ukuhambisa iimeko kwi-ZIP kunye ne-import, kodwa awukwazi ukuxhaswa kwibhokisi zokusebenza"? Oku akufanelekileyo kwi-team ye-20. 
 
 I-Fragility: I-shock lokugqibela yaba i-WebStorm update. Emva kwakhona i-IDE update, i-Child Templates ebonakalayo kuphela. Why Not AI? Yintoni akayi? Umbuzo olufanelekileyo: ngoko kufuneka uqhagamshelane ikhowudi ngempumelelo kwiminyaka ye-AI? Yintoni akufuneka i-GitHub Copilot okanye i-JetBrains AI ukuvelisa iifayile? Ngaba usebenzisa ngempumelelo ze-AI kwimveliso yam, kodwa kwimfuneko ze-infrastructure, zithintela ngenxa yeeyure ze-3: 
 
 
 
 I-Determinism: I-AI iyimodeli ye-probabilistic. Inokukwazi ukuvelisa isakhiwo se-file efanelekileyo iiyure ze-10. Kodwa ngexesha le-10, i-"hallucinate" i-import eyongezelelweyo okanye i-mapping up. Nge-guide ye-styling efanelekileyo, ndingathanda isixhobo ekubeni i-100%, ayikho ye-one i-double-check. I-plugin ayikho i-"think" okanye i-"guess", ibandakanya i-algorithm efanelekileyo. I-Context kunye ne-Speed: Ukwenza i-AI ukuvelisa isakhiwo esebenzayo kwiimoduli ezahlukahlukeneyo, kufuneka uqhagamshelane i-prompt ezininzi: "Yenza i-component X kwi-domain, ngoku ukuvelisa kwi-web, usebenzise iindlela ezininzi ...". Oku kuthatha ixesha elide kune-click ye-New Feature. Ngaphezu kwalokho, i-AI ayibonakalisa ububanzi obugqibeleleyo lwe-monorepo ngokufana ne-PSI (i-IDE index). Iingcebiso: Ingaba iingcebiso ze-20 ziquka ukusetyenziswa ngexesha elifanayo, kodwa kulula ukufumana iqhosha elifanayo ebonakalayo kumntu omnye. Maybe Write a Plugin? Ngaba uqhagamshelane plugin? Xa kubonakala ukuba iimveliso ze-standard ayikwazi ukucacisa, kukho indlela elinye kuphela - ukudala isixhobo yam. Umzekelo yokwenza i-IDE plug-in eyahlukileyo kwincwadi. Kwi-frontend, sincoma ukuba ukuthuthukiswa kwe-IntelliJ yenzelwe kumadokhumenti we-Java. Kwakhona i-JetBrains iingcali ibonelela ngqo ukuba akufuneka akufuneka oku, ukunika (njenge-LivePlugin). Kwenziwe ngexesha: "Ndlala uqhagamshelane i-scripts, awukwazi ukufikelela kule ngempumelelo." iimveliso iimveliso Ukuphendula, ndingathandabuzekanga ukuchithwa kwi-stack engaziwayo. Ndingathanda ne-TS, i-NPM, kunye ne-Webpack, kwaye apha ndingathanda i-Gradle, i-JVM, kunye ne-SDK emangalisayo. Kodwa umdla yokusebenza kwe-routine yaba kakhulu kunzima kuninzi. Quick Start: Plugin Template I-surprise yokuqala yam ukusuka ku-JetBrains. Le ngempumelelo ye-repository eyenziwe ngexesha elandelayo le "isikhwama eluhlaza". IntelliJ Platform Plugin Template I-IntelliJ Platform Plugin Template ye-IntelliJ Ingaba ufuna ukuguqulwa kwimveliso, ukubhala ama-manifesto, okanye ukufumana i-CI/CD. Uyazixhenxe kuphela i-repo, kwaye uyazixhenxe ukuba uye. Uyazixhenxe i-Hello World, i-Gradle, kunye ne-GitHub Actions. Oku kunceda iintsuku, okanye iintsuku. Kotlin is Just Like TypeScript (Well, Almost) I-plugins yenzelwe kwi-Java okanye i-Kotlin. Kuba umntu owenza i-Modern TypeScript, ukuqhuba kwi-Kotlin ilungele kakhulu. The syntax is very similar: 
 
 
 
 Yintoni val / var kunokuba const / let. Iimpawu ze-Lambdas kunye ne-higher-order zenza umsebenzi efanayo. I-strict typing, ebonakalayo kwi-TS, isebenza nangaphezulu kakhulu apha. Ngokuvamile, ukuba ungenza ne-TypeScript, unokufunda kunye nokubhala i-Kotlin ngexesha lokuqala. I-difficulty yokuqala ayikho kwilwimi. Documentation and AI Help I-stage engqongileyo yokufunda i-IntelliJ Platform SDK. I-Documentation e-JetBrains i-enorme, kodwa i-learning curve i-steep. Ukuphumelela ukuba i-class ye-"click-right on a file" iya kuthatha iiyure kwi-forums. Ngiya, i-AI agents waya ukhuseleko. Ayisetyenziselwa ukubhala i-logic yebhizinisi, kodwa njenge-smart search engine ye-API. Imibuzo efana ne-"How to Show Notification Balloon" yandipha ixesha elide. Ngaphandle kokufunda kwi-docs, ndibandakanya isampuli ye-code, kwaye ngoko ndingathanda. Implementation: From Templates to Smart Assistant Implementation: ukusuka templates ukuba Smart Assistant Ngexesha lokuvelisa, ndicacisa iingcebiso eziphambili ezivula iingcebiso ezininzi ze-team. Izixhobo yokuqala yaba ukuba i-tool yenzelwe kwi-IDE, kwaye akukho i-script ye-alien. Ngaba ndiza kuxhomekeke kwi-API ezizodwa - oku kubalulekile ukuba i-IDE ibonelela ukwenza. I-1 Intelligent Generation Kwiintlobo ze-IntelliJ, nayiphi na ingxaki ingxaki. Ukongeza into kwi-menyuko ye-right-click, kufuneka ukwandisa kuphela iindidi. AnAction Kodwa ndingathanda ukuchitha i-menu. Yintoni ndifuna i- "Create Component" button ukuba ndicinga kwi-mapping nge-business logic okanye translations? Nazi, i-flexibility ye-plugins ijubane. I-action class inesibopho indlela, leyo ifumaneka yonke imizuzu ngaphambi kokubonisa i-menu. Ndandakanya i-logic elula: update() 
 
 
 Ngaba ndingathanda kwi-domain folder? Yintoni ifayile *.test.tsnot yintoni? Ukuba yes - ukubonisa i-menu item. Ukuba akukho - hide. I-developer ibonisa kuphela izixhobo ezifanelekileyo apha kwaye ngoku. Iimveliso ze-standard ayikwazi ukufikelela ngaphandle kwefolda elidlulileyo, kodwa i-architecture yethu ithatha i-split-code ngama-module kwaye isetyenziswa ngokuqhelekileyo kwi-injection ye-platform implementations ye-business logic. Ngoko ke, ndiyifake isinyathelo "intelligent". Umdlali uthathe igama lwezimali, kwaye i-plugin: 
 
 
 
 
 Yenza ifayile ye-interface kwi-domain nge-boilerplate yokufaka. Ukubala iindlela kwi-web kunye ne-mobile modules. Yenza iifayile zokusebenza ezifanelekileyo kwiifayile zezi. Ukubhalisa iindidi zefayela kunye neendidi (i-kebab-case yeefayile, i-PascalCase yeendidi). 
 
 Ukucaciswa ebalulekileyo: Ayikho i-hardcoding yeempawu kwizilwanyana ze-Kotlin. Oku kwenza i-plugin kwi-"black box." Ngoku, i-plugin ibhalisise i-layouts kwi-standard IDE settings. Oku ibonelela ngempumelelo: nayiphi na umdlali we-team angakwazi ukufikelela kwi-settings, ukuguqulwa umgangatho we-code kwi- template, kwaye i-plugin iyavuma ngexesha elandelayo. Ndingathanda iimveliso ze-hardcoding kwizilwanyana ze-Kotlin. Oku kwenza i-plugin kwi-"black box." Ngoku, i-plugin ibhalisele izicwangciso kwi-IDE zokusetshenziswayo. Oku inikeza nathi i-flexibility: nayiphi na umdlali we-team unako ukufikelela kwiimveliso, ukuguqulwa umgangatho we-code kwiimveliso, kwaye i-plugin iyavuma ngexesha elandelayo. Important nuance: 2. i18n Navigation I-problem ye-"dead" text. Thina usebenzisa i-custom hook Kwakhona i-component Kuba IDE, oku umnxeba okungabikhoyo useLocalizedString(‘key’) <LocalizedText href=’key’ /> Ukusuka kwelanga, iye usebenzise I-API leyo ivumela ukuba ushiye i-IDE: "Ndiya, ukuba uya kuba i-string kwi-haok yale, uqhagamshelane njenge-link kwi-file ye-JSON". , Ngaba ndiyifake kwi-translation key kwaye ndiza kwiifayile ye-localization. No more manual searching. PsiReferenceContributor Ctrl/Cmd Xa uqala, Ngaba awukwazi ukuza Xa umgca wokugqibela umgca wokugqibela umgca wokugqibela umgca wokugqibela umgca wokugqibela umgca wokugqibela umgca wokugqibela umgca wokugqibela umgca wokugqibela: 
 
 
 
 I-Auto-Mocks: I-plugin ikhiqiza idatha ye-mock ngenxa yeemvavanyo esekelwe kwi-interface. Ukudluliselwa kwiimvavanyo: Xa ukwakha ifayile yokudluliselwa, i-plugin ibonelela iimveliso ezifanelekileyo kwaye ibonelela iimveliso ngokuzenzakalelayo. I-Wrappers (i-HOCs): Ukusebenzisa i-component eyahlukileyo kwi-analytics HOC kunye nokuthumela i-props eziluncedo. Zonke into ziyafumaneka ngexesha elifanelekileyo, zonke iingxaki ezininzi iiveki kunye nokunceda ukunceda ukufikelela kwimfuneko yokuqala. Ukudibanisa 
 
 Ukunikela isixhobo kwikhompyutha yaye lula. Akukho ukulayisha iifayile ze-.jar kwi-Slack. I-plugin ifumaneka kwi-JetBrains Marketplace. Kwi-developer entsha, ukufikelela kwikhompyutha kwakhona kuloo ndlela: "Install WebStorm, download our plugin - and you're ready to go." Ukunikela isixhobo kwikhompyutha yaye lula. Akukho ukulayisha iifayile ze-.jar kwi-Slack. I-plugin ifumaneka kwi-JetBrains Marketplace. Kwi-developer entsha, ukufikelela kwikhompyutha kwakhona kuloo ndlela: "Install WebStorm, download our plugin - and you're ready to go." Ukucinga I-JetBrains Marketplace Inkcazelo: I-Developer Experience kunokuba kwi-Hands yakho Uya kuthatha ixesha ukufundisa i-infrastructure, ukwakha i-environment, kunye nokukhwabelana kwilwimi ye-"ezilwanyana" ukugcina imizuzu embalwa ngosuku? Kwakhona. Ukuba ukhangele ixesha eluhlaza, iingcebiso ingangena kakhulu - ndingathanda iiyure okanye iinyanga ezimbini ngenyanga. Kodwa ixabiso efanelekileyo ayikho kwiiyure, kodwa . Xa isixhobo isebenza ngokukhawuleza kwaye ngokukhawuleza, i-micro-anxiety ezibonakalayo ngosuku. Ndizange ndingathanda malunga ne-mapping yokufaka ifayile okanye indlela yokubhalisa. Ndicwangcisa i-button, kwaye i-IDE isebenza ngokufanelekileyo. flow Ukufundwa kwimeko ezimbini: 
 
 
 
 
 
 . The division into frontend and backend (or tooling) often exists only in our heads. If you understand algorithms and know how to Google (or ask AI), you can build tools for any platform. Kotlin turned out to be friendly, and the IntelliJ Platform is powerful. There are no boundaries 
 
 . We are used to putting up with inconveniences, waiting for the vendor to release an update. But WebStorm, like VS Code, is a platform. If you don’t like how your hammer works — you can rebuild it. The IDE is a constructor 
 
 If you work on a large project and feel like you are drowning in routine — don’t be afraid to spend time building your own plugin. It’s an investment that pays off every single day when you come to work and just write code, instead of fighting with the file system. Written by  , Software Engineer at  Aleksei Kovrigin Social Discovery Group I-Aleksei Kovrigin, i-Software Engineer kwi-Social Discovery Group I-Aleksei Kovrigin, i-Software Engineer kwi-Social Discovery Group U-Aleksei Kovrigin U-Aleksei Kovrigin I-Social Discovery Group I-Social Discovery Group Ukuhlola umdla wakho wayo kwi-SDG kwaye uqhagamshelane neqela le-innovation - umdla wakho wokugqibela wokugqibela kunokwenzeka kuphela kwi-click! 👉 Ready to shape the future of social discovery? ! Fumana i-Career Opportunity yakho elandelayo kwi-SDG Fumana i-Career Opportunity yakho elandelayo kwi-SDG

This story contains new, firsthand information uncovered by the writer.

See how we create Social Life 3.0 👉

Social Discovery Group Earns the Great Place To Work® Certification in the USA!

Swipe Away Loneliness: 2024 Dating Trends Forecast

Le audio iveliswe ngolwimi lokuqala lwebali!

Ndingathanda iimveliso ze-code, kodwa ndingathanda ukubhala i-WebStorm Plugin

About Author

IZIMVO

ZIJONGE IIMPAWU

ELI NQAKU LINIKEZELWE KU

Related Stories

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps