IntelliJ Setup

This guide walks you through a first time Intellij setup for Baserow for developers. It will ensure you can run and debug all tests and also enable all the relevant linters and automatic style fixers to make your life as easy as possible.

This guide assumes you have a basic understanding of git, python, virtualenvs, postgres and command line tools.

  1. First checkout a fresh copy of Baserow: git clone git@gitlab.com:baserow/baserow.git
  2. cd baserow
  3. ./config/intellij/apply_standard_baserow_intellij_config.sh
    1. Type Y and hit enter to apply the standard Baserow config
  4. Open Intellij and on the “Welcome to IntelliJ IDEA” screen click the “Open” button and open the baserow folder you cloned above.
  5. Make sure you have installed / enabled the Python IntelliJ plugin.
  6. Now we will create python virtualenv and configure IntelliJ to use it to run tests and linters:
    1. Choose a location for your virtualenv, it is recommended to store it separately from the baserow source-code folder so IntelliJ does not search nor index it.
    2. Create the virtualenv: python3 -m venv venv or virtualenv -p python venv
    3. Activate the virtualenv: source venv/bin/activate (will differ depending on your shell)
    4. Run which pip and ensure the output of this command is now pointing into the bin in your new virtualenv
    5. Change to the Baserow source directory: cd path/to/your/baserow
    6. Install all the Baserow python requirements into your virtualenv:
      pip install -r backend/requirements/dev.txt
      pip install -r backend/requirements/base.txt
      
    7. Now back in Intellij, press F4 or right-click on the top level baserow folder and select module settings:
      1. Make sure the backend module SDK is set to the python virtualenv you just made.
      2. There will most likely be an existing Python 3.8 (baserow) virtualenv SDK which is red. Delete this first.
      3. Then you will most likely need to add it as a new SDK by navigating to
        1. F4 → SDK
        2. click +
        3. Add New Python SDK
        4. Existing Interpreter
        5. Find and select your virtualenvs bin/python executable
        6. call this new SDK Python 3.8 (baserow) so you don’t make an accidental the backend.iml file:
  7. Install and get a postgresql database running locally:
    1. https://www.postgresql.org/docs/11/tutorial-install.html
    2. Change the default postgres port otherwise it will clash when running with Baserow (the default IntelliJ config in the repo assumes your testing db is running on 5430)
      1. https://stackoverflow.com/questions/187438/change-pgsql-port
    3. Create a baserow user called baserow with the password baserow and give them permission to create databases
      1. https://medium.com/coding-blocks/creating-user-database-and-adding-access-on-postgresql-8bfcd2f4a91e

        CREATE USER baserow WITH ENCRYPTED PASSWORD 'baserow';
        ALTER USER baserow CREATEDB;
        
    4. You might also have to pip install psycopg2-binary or sudo apt install postgresql-devel
  8. Now you should be able to run the backend python tests, try run backend/tests/baserow/core/test_core_models.py for instance.
  9. Now lets set up your frontend dev by changing directory to baserow/web-frontend
  10. Now run yarn install (if you do not have yarn available check out and install a node version manager like nvm and follow the Yarn installation instructions). Baserow currently uses node 18
  11. Select “Trust Project” if you see an IntelliJ popup after running yarn install
  12. Open your settings, search for and open the Node.js and NPM category and ensure the Node interpreter is pointing to the desired node executable
  13. Confirm you can run a web-frontend unit test from intellij
  14. Open settings and search for eslint, make sure you have switched to Manual ESLint configuration, have set the ESlint package to to eslint sub folder in the node_modules created by the previous yarn install (baserow/web-frontend/node_modules/eslint)

Recommended Plugins

  1. https://plugins.jetbrains.com/plugin/14321-blackconnect
    1. Auto runs black over changed files. Setup a blackd daemon that runs on startup for lowest friction.
  2. Database Navigator
  3. IntelliVue
  4. Key Promoter X
  5. Vue.js
    On this page