development.mdx 2.2 KB

1234567891011121314151617181920212223242526272829303132
  1. ---
  2. title: Development
  3. description: Learn how to install Tabler and set up the development environment.
  4. summary: This guide provides step-by-step instructions for setting up the environment, including installing Node.js, Ruby, and Bundler, configuring the build system, and running Tabler locally to preview changes in real-time, along with guidance on reporting bugs or submitting feature requests through GitHub.
  5. order: 11
  6. ---
  7. ## Set up the environment
  8. To use our build system and run our documentation locally, you'll need a copy of Tabler's source files. Follow the steps below:
  9. 1. [Install Node.js](https://nodejs.org/download/), which we use to manage our dependencies.
  10. 2. Navigate to the root `/tabler` directory and run `npm install` to install our local dependencies listed in `package.json`.
  11. 3. [Install Ruby](https://ruby-lang.org/en/documentation/installation/) - the recommended version is [2.5.5](https://cache.ruby-lang.org/pub/ruby/2.5/ruby-2.5.5.tar.gz).
  12. 4. [Install Bundler](https://bundler.io) with `gem install bundler` and, finally, run `bundle install`. It will install all Ruby dependencies, such as [Jekyll and plugins](https://jekyllrb.com).
  13. ### Windows users
  14. 1. [Install Git](https://git-scm.com/download/win) in `C:\Program Files\git\bin` directory and run `npm config set script-shell "C:\Program Files\git\bin\bash.exe"` to change the default shell.
  15. 2. [Install Ruby+Devkit](https://rubyinstaller.org/downloads/) - recommended version is [2.5.5](https://github.com/oneclick/rubyinstaller2/releases/download/RubyInstaller-2.5.5-1/rubyinstaller-devkit-2.5.5-1-x86.exe).
  16. 3. [Read guide](https://jekyllrb.com/docs/installation/windows/) to get Jekyll up and running without problems.
  17. Once you've completed the setup, you'll be able to run the various commands provided from the command line.
  18. ## Build Tabler locally
  19. 1. From the root `/tabler` directory, run `npm run start` in the command line.
  20. 2. Open [http://localhost:3000](http://localhost:3000) in your browser, and voilà.
  21. 3. Any change in `/src` directory will build the application and refresh the page.
  22. ## Bugs and feature requests
  23. Found a bug or have a feature request? [Please open a new issue](https://github.com/tabler/tabler/issues/new).