Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Redux Boilerplate GeneratorNew to Visual Studio Code? Get it now.
Redux Boilerplate Generator

Redux Boilerplate Generator

ravanhuseynli

|
2 installs
| (0) | Free
Generates Redux and React component boilerplate code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Redux Boilerplate Generator

Bu VS Code eklentisi, tek bir komutla Redux ve React bileşen dosyalarını otomatik olarak oluşturur.

Özellikler

Bu eklenti aşağıdaki dosyaları otomatik olarak oluşturur:

  • Redux Store, Slice ve Actions
  • React Bileşenleri (Products, Admin, DetailProduct)
  • Modal ve Form bileşenleri
  • Gerekli CSS ve modül dosyaları

Kurulum

Geliştirici Modunda Çalıştırma

  1. Bu depoyu bilgisayarınıza klonlayın veya dosyaları indirin.
  2. Komut satırında aşağıdaki komutları çalıştırın:
cd redux-boilerplate-generator
npm install
code .
  1. VS Code açıldığında, F5 tuşuna basın veya "Run Extension" komutunu çalıştırın.
  2. Yeni açılan VS Code penceresinde bir klasör açın.
  3. Komut paletini açın (Ctrl+Shift+P veya Cmd+Shift+P) ve "Generate Redux Boilerplate" komutunu çalıştırın.

VSIX Paketi Olarak Kurulum

  1. Bu depoyu bilgisayarınıza klonlayın veya dosyaları indirin.
  2. Komut satırında aşağıdaki komutları çalıştırın:
cd redux-boilerplate-generator
npm install
npm run vscode:prepublish
npx vsce package
  1. Oluşturulan .vsix dosyasını VS Code'da şu yolla kurun:
    • Extensions sekmesini açın
    • "..." düğmesine tıklayın
    • "Install from VSIX..." seçeneğini seçin
    • Oluşturulan .vsix dosyasını seçin

Kullanım

  1. VS Code'da bir klasör açın (projenizin kökü).
  2. Komut paletini açın (Ctrl+Shift+P veya Cmd+Shift+P).
  3. "Generate Redux Boilerplate" komutunu çalıştırın.
  4. Dosyalar otomatik olarak oluşturulacaktır.

Oluşturulan Dosya Yapısı

├── redux/
│   ├── store.js
│   ├── productSlice.js
│   └── basketSlicer.js
├── components/
│   ├── modal/
│   │   ├── Modal.js
│   │   └── Modal.module.css
│   ├── Products/
│   │   └── Products.module.css
│   └── AddProduct/
│       ├── AddProduct.js
│       └── AddProduct.module.css
└── pages/
    ├── Products.js
    ├── Admin.js
    ├── DetailProduct.js
    └── detailproduct.module.css

Gereksinimler

Bu eklentinin çalışabilmesi için projenizde aşağıdaki kütüphanelerin kurulu olması gerekir:

  • react
  • react-redux
  • @reduxjs/toolkit
  • axios
  • react-router-dom
  • formik
  • yup
  • react-bootstrap
  • bootstrap

Lisans

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft