Ukusebenza ku-monorepo enkulu nge-projekt ye-long-term has izinzuzo zayo. Ngemuva kokufaka i-function entsha, ngihambe kusuka ku-developer kuya ku-"file manager." Yenza ifolda, ukulungiselela amafayela, ukudala ikhodi ye-boilerplate, i-copy imports kusuka ku-file yesibindi, futhi awuzange ukulungiselela ingozi ... Isinyathelo esizayo kuphela imizuzu, kodwa eminyakeni esizayo, kungcono ngokuvamile. Okuhle kakhulu, le nkqubo ivimbele amandla. Ngaphandle kokuvimbela ukucindezela kwebhizinisi yebhizinisi, ngithole ukucindezeleka kwama-copy-pasting mechanical kanye ne-checking pathways. Okokuqala, ngithanda ukuguqulwa kwebhizinisi "umgangatho elula" - ngokuguqulwa ama-File kanye ne-Code Templates e-WebStorm. Kodwa ngihambe ngokushesha i-wall: ama- templates akufanele ukulawula izindlela ngokufanelekileyo, akufanele ukuguqulwa ngokufanele ikhaya ngaphakathi ikhodi, futhi ukusabalalisa izakhiwo nge-team wonke kuyinto umdlavuza. Izixhobo ebizwa kuqala ukunakekela. MyComponent my-component Ngemuva kwalokho ngithanda: Ukulungiselela lokhu kwandisa ukuvelisa i-plugin yam. Uyazi ukuthi? It was not as scary as people say. Ngingathola iJava noma ukufunda izilimi iminyaka eminingi. Kuboniswa ukuthi for a Frontend developer, Kotlin modern looks suspiciously like TypeScript. “What if I stop configuring the IDE and start programming it?” Kule nqaku, ngithole ukuthi ngihambe kanjani ukusuka kwelanga elula ukwenza isampula kuya ku-building isixhobo esigcwele, futhi ukuthi kufanele ukunciphisa ukuchithwa kwe-Developer Experience (DX). I-Problem: I-Infinite Copy-Paste ne-"Blind" Navigation Izinguquko ze-developers ezingu-dozen zokusebenza ku-project yethu e-repository eyodwa. Lokhu kusetshenzisa izimo ezinzima ze-code style. Ngokwesibonelo, zonke izingxenye ze-React zihlanganisa ku-presentation part ( ) futhi logic ( ), kanye ne-styles zihlanganisa ngokufanayo ku-file eyahlukile. Ungahambisa ukuvakashela isakhiwo ku ? I-props ayithintelekiswa ekubeni lokuqala? Ungathumela i-Code Review. view.tsx index.tsx memo I-Trap ye-Simplified Solutions: Kutheni Ama-File Templates Abanikezelwa Ngemva ngihambe ngokugcwele nge-routine, ngandisa izakhiwo. I-scenario ephambili emzimbeni yami lihlala lokhu: i-click eyodwa - futhi ngithumela zonke amafayela (i-component, i-view, i-styles). Kuboniswa WebStorm kungenziwa lokhu! Indawo emangalisayo , kukhona umsebenzi ukwenza akuyona amafayela kuphela, kodwa i-hierarchies ngokusebenzisa "Child Templates". ( Settings -> Editor -> File and Code Templates ) ( ) Ngena ngemvume ngokushesha: 
 
 
 
 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? Ngithole isampula, ubhale igama le folder kanye igama le file, futhi i-IDE ivula ifolda futhi ivula amafayela ngokuvamile. Ngithanda like a automation genius... ngosuku ezimbili ngokuvamile. Voila! I-euphoria ebangeni lapho ngitholele ngokwemvelo ye-Apache Velocity (i-IDE template engine): 
 
 Imibuzo yokubhalisa: Ukuguqulwa kwe-MySuperComponent ku-my-super-component ngenxa ye-import pathways kanye nokuguqulwa ku-MY_SUPER_COMPONENT ngenxa ye-constants ngaphakathi le template kubalulekile. Ufuna ukuyifaka ama-macros emangalisayo okuqhubekayo. 
 
 Ukufinyelela okunciphisa isakhiwo yefayela: Umbhalo angakwazi ukukhiqiza amafayela kuphela ngokuhambisana lapho uxhumane. Uma kufanele ukhiqize amafayela ku-mappings ye-modules ahlukene ngexesha elifanayo, amafayela zihlukile. 
 
 I-Team Synchronization: Indlela yokuxhumana lezi zindlela? "I-Export settings to ZIP and import, but don't mix up the checkboxes"? Lokhu akusebenza kumasebenzi we-20. 
 
 I-Fragility: Umphumela wokugqibela kwaba i-WebStorm update. Ngemva kwamanye ama-IDE update, ama-Child Templates eyenziwe ngempumelelo. Why Not AI? Yini akuyona? Umbuzo owaziwa: Ngaba ushiye ikhodi ngempumelelo emzimbeni ye-AI? Ngaba ungase GitHub Copilot noma JetBrains AI ukwakha amafayela? Ngithole ngokuvamile ama-AI assistants emzimbeni yami, kodwa ngezinsizakalo zokusebenza kwezimboni, kukhona izizathu ze-3: 
 
 
 
 I-Determinism: I-AI iyimodeli ye-probabilistic. It ingathuthukisa isakhiwo se-file enhle angu-9 kusuka ku-10. Kodwa ngexesha le-10, kuyoba "ukuguquka" ukuxhumana okwengeziwe noma ukuxuba ifolda. Nge-style guide enhle, ngingathanda isixhobo angakwazi ukuxhumana 100%, akuyona kungekho ku-double-check. I-plugin ayikho "ukucindezeleka" noma "ukucindezeleka", kulandela i-algorithm enhle. I-Context ne-Speed: Ukwenza i-AI ukudala isakhiwo esiyinhlanganisela ezahlukahlukene ezivamile, kufanele ubhalise ingcindezi esifundeni: "Yenza i-Component X ku-domain, bese ukulethwa ku-web, usebenzisa lezi zindlela ...". Lokhu kunzima ngaphezulu kunoma-click engcono ku-New Feature. Plus, i-AI ayikho njalo ukubonisa ububanzi obugcwele we-monorepo ngokufana ne-PSI (i-IDE index). Imininingwane: Kubalulekile ukuba ama-developer angama-20 abasebenzisa isicelo esifanayo. Kodwa-ke kulula ukunikezela iqhosha elilodwa elihlanganisa imiphumela efanayo bonke. Maybe Write a Plugin? Ungayifaka Plugin? Uma kubaluleke ukuthi amasampula ezivamile akufanele ukunciphisa, kunezinto eyodwa kuphela - ukudala isixhobo yami. Umqondo yokwenza i-IDE plugin eyakhelwe ngokuvamile wahlukanisa ekuqaleni. Kwi-frontend emhlabeni, sincoma ukuthi ukuhlanganiswa kwe-IntelliJ iyatholakala ku-hardcore Java engineers. Ngaphezu kwalokho, i-JetBrains imikhiqizo ibonise ngokushesha ukuthi akufanele akufanele lokhu, ukunikeza (njenge-LivePlugin). Ngokuvamile ithi: "Ngena ucwaningo, akufanele kuhlobonhlobo lo mkhuba." Izinzuzo Izinzuzo Ukuphendula, ngithanda ukujabulela ku-stack engaziwa. Ngithanda ku-TS, i-NPM, ne-Webpack, futhi lapha ngithanda i-Gradle, i-JVM, kanye ne-SDK enhle. Kodwa isidingo yokusebenza okuzenzakalelayo kwangaphambili kunazo. Quick Start: Plugin Template I-surprise yokuqala yam ukusuka ku-JetBrains. Lokhu kuyinto isampula se-repository eyenziwe ngempumelelo yokusebenza kwe-"blank page" problem. I-IntelliJ Platform Plugin Template ye-IntelliJ I-IntelliJ Platform Plugin Template ye-IntelliJ Ingabe ufuna ukushumeka kokuthunyelwe kwebhizinisi, ukudala ama-manifesto, noma ukufumana i-CI / CD. Ungakhawula kuphela i-repo, futhi ungahambisa. Uyazi i-Hello World esebenzayo, i-Gradle esebenzayo, ne-GitHub Actions. Lokhu kuncike izinsuku, kungaba izinsuku. Kotlin is Just Like TypeScript (Well, Almost) I-plugins iyatholakala ku-Java noma ku-Kotlin. Ngokwenene umbhali we-Modern TypeScript, ukuhweba ku-Kotlin litholakala ngokushesha. The syntax is very similar: 
 
 
 
 I-val / var efanayo kunokuba yi-const / let. I-Lambdas ne-higher-order functions isebenza ngokufanayo. Ukucubungula okuphakeme, okuyinto sikhula ku-TS, isebenza nangokuthi kakhulu lapha. Ngokuvamile, uma unemibuzo nge-TypeScript, ungakwazi ukufunda nokubhala i-Kotlin emahora lokuqala. I-difficulty enkulu akuyona isilimi. Documentation and AI Help Ukuhlolwa kwe-IntelliJ Platform SDK yindawo enhle kakhulu. I-Documentation e-JetBrains kuyinto enhle, kodwa isikhwama sokufundisa kuyinto enhle. Ukuhlola ukuthi isigaba kuyinto ekhukhwini "ukugqoka okuphakeme ku-file," ungahambisa amahora emifomeni. Ngiyazi, ama-AI ama-agents waya ku-rescue. Ngizisebenzisa kwabo yokubhala isisombululo se-business, kodwa njenge-smart search engine ye-API. Imibuzo efana ne-"How to Show Notification Balloon" wahlanganyela isikhathi esikhulu. Ngaphandle kokufaka nge-docks, ngithole isibonelo se-code, futhi ngithole ngokuvamile. Implementation: From Templates to Smart Assistant Ukukhiqizwa: ukusuka templates ku-Smart Assistant Phakathi nenkqubo yokukhiqiza, i-imeyili zihlanganisa izinsizakalo eziyinhloko zokuphendula amabhizinisi. Umphumela wokugcwalisa i-tool kuyinto ingxenye yesifazane ye-IDE, futhi akuyona i-script e-aliene. Ngingathanda kakhulu ku-APIs ezithile - lokhu kubaluleke ukuthi i-IDE inikezela ukwenza. I-1 Intelligent Generation Kwi-IntelliJ emhlabeni, noma iyiphi isinyathelo kuyinto isinyathelo. Ukongeza isikhwama ku-right-click menu, kufuneka nje ukwandisa isikhwama izigaba AnAction Kodwa Ngingathanda ukujabulela i-menu. Ngaba ufuna i-"Create Component" button uma ngifake ku-mapping nge-business logic noma translations? Lapha, flexibility ye-plugins ijubane. Isigaba se-action has a indlela, okuyinto ibhaliswe njalo ngaphambi kokubonisa menu. Ngithunyelwe logic elula: update() 
 
 
 Ngaba ngihambe ku-domain folder? Does the file  not exist here yet? *.test.ts If yes - ukubonisa ithemba menu. If not - hide it. Umphakeli uyazi kuphela izixhobo ezifanayo lapha futhi manje. I-standard templates ayikwazi ukufinyelela ngaphandle kwe-mapping yamanje, kodwa ibhizinisi lethu ibhizinisi idatha ikhodi ngamoduli futhi ikakhulukazi isebenzisa ukufinyelela kwe-platform ye-logic yebhizinisi. Ngakho, ngifake isinyathelo se-"intelligent". Umdlali uthathe igama lwezinto, futhi i-plugin: 
 
 
 
 
 Yenza i-interface file ku-domain nge-boilerplate for injection. Ukubalwa izindlela ukuze web futhi mobile amamoduli. Yenza i-implementation ifayela efanayo kumaphepha. Ukuguqulwa amafayela nama-class (i-kebab-case ye-file, i-PascalCase ye-class). 
 
 Ukucaciswa ebalulekile: Ngikwazi ukucacisa izitebhisi ngaphakathi izifundo Kotlin. Lokhu kwenza i-plugin i-"black box." Ngokuphathelene, i-plugin ibhalisele izitebhisi ezivamile ze-IDE. Lokhu kunikezela ukucacisa: wonke umdlali we-team angakwazi ukufinyelela izitebhisi, ukuguqulwa kwesitebhisi se-code e-template, futhi i-plugin uzothola imibuzo ngokushesha. Ngikwazi ukucubungula isampula ku-Kotlin Classes. Lokhu kwenza i-plugin i-"black box." Ngokuphathelene, i-plugin ibhalisele izakhiwo ezivamile ze-IDE. Lokhu kunikeza ukucubungula: wonke umdlali we-team angakwazi ukufinyelela izakhiwo, ukuguqulwa kwegama le-code ku-model, futhi i-plugin iyathola ngokushesha imiphumela. Important nuance: 2. i18n Ukuhamba I-problem ye-”dead” text. Thina usebenzisa i-custom hook I-component ye Ukuze IDE, lokhu kuyinto uchungechunge ongaphakeme useLocalizedString(‘key’) <LocalizedText href=’key’ /> Ukuze ukunikezele ku-life, ngithole . Lesi-API inikezela ukubonisa i-IDE: "Ukuyifaka, uma unokufunda isinyathelo esifundeni le-hook, ukwelashwa njenge-links ku-JSON file". , Ngingathanda ku-translation key futhi ngihambe ku-lokalization file. No more manual searching. PsiReferenceContributor Ctrl/Cmd Uma uqala, Ngingathola Ngisho ukuthi ukufinyelela ku-AST (Abstract Syntax Tree) ye-code inikezela ukwenza izinguquko: 
 
 
 
 I-Auto-mocks: I-plugin ikhiqiza idatha ye-mock ezivela ku-tests esekelwe ku-interface. Ukudluliselwa ku-tests: Lapho ukwakha ifayela le-test, i-plugin ibonise izixazululo ezingenalutho futhi ihlanganisa ama-imports ngokushesha. I-Wrappers (i-HOCs): Ukusebenza okuvela isakhiwo esifanele ku-Analytics HOC kanye nokuthumela ama-props ezidingekayo. Zonke lezi zindlela ezivamile, okuyinto zihlanganisa amaminithi amaminithi amaminithi futhi kusiza ukugcina ukucindezeleka kwedolobha lokuqala. Ukuhlobisa 
 
 Ukuvumela isixhobo iqembu kulula. Akukho ukulayisha amafayela we-.jar ku-Slack. I-plugin iyathunyelwa ku-JetBrains Marketplace. Ukuze umbhali omtsha, ukufakwa kwakhona kubona lokhu: "Install WebStorm, ukulayisha i-plugin yethu - futhi uye uqala." Ukuvumela isixhobo iqembu kulula. Akukho ukulayisha amafayela we-.jar ku-Slack. I-plugin iyathunyelwa ku-JetBrains Marketplace. Ukuze umbhali omtsha, ukufakwa kwakhona kubona lokhu: "Install WebStorm, ukulayisha i-plugin yethu - futhi uye uqala." Ukubuyekezwa I-JetBrains Market Umhlahlandlela: Ubuchwepheshe we-developer kuyinto emzimbeni yakho Ingabe kulula? Ukusingathwa kwe-infrastructure, ukulungiswa kwe-environment, nokukhipha ngezilimi se-"emzimbeni" ukuze ukugcina imizuzu embalwa ngosuku? Ngathi Uma uxhumane isikhathi ephelele, ukucubungula kungenzeka ukuthi akuyona eningi — amahora noma amabili ngenyanga. Kodwa inani elilodwa akuyona akuyona amaminithi, kodwa . Uma ithuluzi usebenza ngokushesha futhi ngokushesha, micro-izinzuzo ezihambayo ezivela ngosuku. Ngizangaliswa ukuthi isikhwama yokufaka ifayela noma indlela yokubhalisa. Ngacindezela i-button, futhi i-IDE isebenza ngokufanele. flow Ukulungiselela okuhlobene izinto ezimbili: 
 
 
 
 
 
 . 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 Umbhali: Aleksei Kovrigin, Umbhali weSoftware ku-Social Discovery Group Ukubhalisa Umbhali weSoftware at U-Aleksei Kovrigin I-Social Discovery Group U-Aleksei Kovrigin U-Aleksei Kovrigin I-Social Discovery Group I-Social Discovery Group Ukuhlola ikheli lakho lokuzalwa e-SDG kanye nokuhlanganisa iqembu elidlulele ukucubungula ukucubungula - ithuba lakho elilandelayo esikhulu kune-click kuphela! 👉 Ready to shape the future of social discovery? ! Find your next career opportuniry ku-SDG Find your next career opportuniry ku-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

Lo msindo ukhiqizwa ngolimi lokuqala lwendaba!

I Just Wanted Ikhodi Templates, kodwa Ngithole Ukubhala I-WebStorm Plugin

About Author

IMIBONO

HANG TAGS

LESI SIHLOKO SETHULWE NGAPHAKATHI

Related Stories

The Billionaires F*cked Up

Zulu Network: Moving The Bitcoin Economy Forward With a Two-Tiered Bitcoin Layer 2 Architecture

The Billionaires F*cked Up

Zulu Network: Moving The Bitcoin Economy Forward With a Two-Tiered Bitcoin Layer 2 Architecture

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps