[PACK] FiveM Development

vs marketplace Downloads rating

Description: I was once at the beginning of FiveM development myself. The Lua language has hardly any supporting systems without extensions in Visual Studio Code. With the CFX snippets and the Lua Language server you can work more efficiently in the backend. But also for the frontend there are extensions like the liveserver, which shows the HTML/CSS changes in real time. Since I couldn’t find an extension pack in Visual Studio code for FiveM and there are a lot of different plug-ins, which can be confusing for beginners, I started to create one.

I would like to create a fundamental basis for everyone, whether beginner or advanced

Thanks to all who bring suggestions and or use it :heart:


Features:

  • LUA Language Server (Interactive Syntax Checks)
  • FiveM Native Snippets with description
  • FiveM Resource Creator
  • FiveM Resource Auto-Restart
  • Auto Formating for LUA, JS, HTML and CSS
    • Custom setting for format on file save
  • Material Icon Theme (Folder/File Icons)
  • Live Server (Webserver)
  • jQuery Snippets
  • ESX Framework Snippets
  • QBCore Framework Snippets
  • Todo Highlight (Inline ToDo marker)
  • Todo Tree (See all ToDo´s in current workspace)
    • Custom setting for working with LUA, JS, HTML and CSS

:bar_chart: VSCode Marketplace
:wrench: GitHub Repository (Feel free to open a Pull Request)
:blue_book: Guide (Installation, Usage etc.)


Other tools:

Auto Update FiveM Artifact
[Extension] FiveM Resource Manager

:open_file_folder:Feel free to make any suggestions here


Note: I, Tuncion, am not affiliated with FiveM or CFX.re, but I’ve personally found these extensions incredibly helpful in my own FiveM development journey. I hope they enhance your experience as well!

25 Likes

nice one!!

1 Like

Small Improvement

  • Added an example for the Visual Studio Code settings file. :gear: See on GitHub
3 Likes

Thank you💖

Update 1.0.2

  • Added following Extension:
    • StyLua by JohnnyMorganz
    • Resource Generator FiveM by Resource Generator FiveM
    • ESX Snippets by ESX Framework
    • QBCore Snippets by TheRealCasi
  • Added Auto Formating for LUA, JS, HTML and CSS
  • Added TODO Tree Compatibility for Lua, HTML and CSS
  • Added a FiveM Resource Create Wizzard
  • Added Snippet Support for following Frameworks:
    • es_extended (ESX)
    • QBCore (QB)

:gear: Examples see on GitHub


Happy Coding :heart:

2 Likes

Update 1.0.3

  • Added following Extension:
    • Easy FiveM by DuckWichTrust
  • Added automatic restart of the resource when saving a file

Thank you for +500 Downloads :heart:

How it works:

use “fivem connect” command to connect to the localhost server with 30120 port (it will ask for password)

use “fivem custom connect” command to connect tothe custom ip and port (it will ask for ip and port and password)

use “fivem disconnect” command to disconnect from any server that previously connected

*from Easy FiveM


Happy Coding :heart:

1 Like

Update 1.0.4

  • Changed following Extension:

    • Replaced Easy FiveM by DuckWichTrust with FiveM DevBridge by ZerX
  • FiveM DevBridge by ZerX

    • Its a fork of Easy FiveM by DuckWichTrust with some improvements
    • We are happy to support this continued development of a great extension

Thank you for +600 Downloads :heart:


Happy Coding :heart:

Thank you for +650 Downloads :heart:

I really appreciate your usage of my extension pack!

Should you have any suggestions do not be afraid to put them here.

:hammer:Update 1.0.5

  • Added following Extension:
  • Added a Fivem Resource Manager directly in VS Code

Happy Coding :heart:

Really useful, well done! :slight_smile:

1 Like

Thank you💖

Thank you so much for this pack as if it was not for you i would have no idea what to install to start developing

1 Like

Thank you💖 I am glad that I could help you.

1 Like

:loudspeaker: Update 1.0.6

  • Removed following Extension:
    • StyLua by JohnnyMorganz
  • Improved LUA Formatting by using already existing extension
    • Lua by sumneko
  • Added LUA Formatting config to settings.json (See examples on GitHub)

:gear: New examples see on GitHub


Happy Coding :heart:

Can i get ur discord link?

I don’t have an own discord server. You can write me on discord: tuncion :slight_smile:

:blue_book: Guide

Hello, I have written some tutorials for beginners and advanced programmers working with FiveM plugins for the first time. There the installation up to the use of some useful features is explained step-by-step.

:blue_book: Click here to open the guide

I hope I could help one or the other :tada:

1 Like