Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>! Xdev's FiveM Resource SetupNew to Visual Studio Code? Get it now.
! Xdev's FiveM Resource Setup

! Xdev's FiveM Resource Setup

ayushmothuAL

|
63 installs
| (0) | Free
Automatically create FiveM resource folder structure and files
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

! Xdev's FiveM Resource Setup

A Visual Studio Code extension that streamlines the creation of FiveM resource projects by automatically generating the necessary folder structure and boilerplate files.

Version Installs Downloads Rating

Features

  • 📁 Automatically creates a complete FiveM resource folder structure
  • 📝 Generates essential files with modern boilerplate code
  • 💻 NUI (HTML/CSS/JS) templates included
  • ⚡ Performance-optimized code templates
  • 🛠️ Configuration and localization support built-in

Generated Structure

your-resource/
├── Modules/
│   └── cl_main.lua
│   └── sv_main.lua
├── Shared/
│   └── config.lua
├── Web/
│   ├── Assets/
│   ├── index.html
│   ├── css/ui.css
│   └── js/ui.js
└── fxmanifest.lua

Installation

  1. Open Visual Studio Code
  2. Go to the Extensions view (Ctrl+Shift+X)
  3. Search for "Xdev FiveM Setup"
  4. Click Install

Usage

  1. Open your workspace folder in VS Code
  2. Press Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (macOS)
  3. Type "Xdev Resource Setup" and select the command
  4. The extension will create all necessary files and folders in your current workspace

Features in Detail

FXManifest Configuration

  • Modern cerulean FX version
  • Organized script loading
  • UI file declarations
  • Framework dependencies included

Client-Side Features

  • Optimized thread management
  • NUI handling
  • Event management structure

Server-Side Features

  • Database integration ready
  • Player management system
  • Discord webhook support
  • Export examples

UI Templates

  • Modern responsive design
  • State management
  • Event handling
  • Animation support
  • Utility functions

Configuration System

  • Structured settings
  • Localization support
  • Debug utilities
  • Common configurations

Requirements

  • Visual Studio Code 1.60.0 or newer
  • FiveM server (for using the generated resources)

Extension Settings

This extension currently has no configurable settings. Future versions may include customizable templates and configurations.

Release Notes

1.0.0

  • Initial release
  • Basic folder structure generation
  • File templates included

Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

License

MIT

Support

If you need help or have questions:

  • Create an issue on GitHub
  • Contact me on Discord: codewithXdev

Credits

Created with ❤️ by ayushmothuAL

Acknowledgments

  • FiveM Community
  • VSCode Extension Community

Enjoy!

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