Docs
BlupLearnSupportDownload
  • Home 🏠
  • Wiki
    • Design (UI) ✏️
      • Blup Top Bar
      • Blup Menu Bar
      • Pages/Layers Panel
      • Toolkit
      • Insert Panel
        • TextField Widget
        • Progress Widget
        • FAB Widget
        • Icon Widget
        • Lottie Animation Widget
        • Text Button Widget
        • Appbar Widget
        • Checkbox Widget
        • Switch Widget
        • Slider Widget
        • Radio Widget
        • Progress bar Widget
        • Multi choice dialog Widget
        • Web View Widget
        • Camera View Widget
        • Map View Widget
        • Date Picker Widget
        • Time Picker Widget
        • IOS Date Picker Widget
        • IOS Timer Widget
        • Alert Dialog box Widget
        • Dropdown Menu Widget
      • Properties Panel
        • Pages Properties
        • Text Properties
        • List Properties
        • Rectangle Properties
      • Page Canvas
      • Choose from Assets
      • Right-Click Menu in Design
      • How to use navigate page in Blup
    • Logics ⚡
      • UI Nodes
        • Rectangle UI Node
        • Text UI Node
        • Group UI Node
        • List UI Node
        • Page ListView UI Node
      • Helper Nodes
        • Boolean Nodes
        • Date Time Nodes
        • Double Nodes
        • Duration Nodes
        • Integers Nodes
        • Json Nodes
        • List Nodes
        • Map Nodes
        • String Nodes
      • Variables Node Section
      • Function Node Section
      • Maths Node Section
      • Flow Control Section
      • Relational Operators Section
      • Logical Operators Section
      • System Node Section
      • SDK Library Section
      • Blup Sheet API Node Section
    • Backend 🔗
      • Sheets
      • SQL
    • Blup Code Editor
      • File Explorer
      • Editor Area
    • Publish to stores 🚀(Ship)
      • iOS Cloud Build 😮‍💨
        • Configure ⚙️
        • Run ▶️
      • Play Store
    • Build Your First App
      • TODO App
  • Blup Settings
  • Import from Figma
  • How to use WebView in Blup
  • How to use Google Maps in Blup
  • How to use the camera in blup?
  • How to add Splash screen in Blup?
  • How to know Debug prints in blup
  • How to use Google sign in in Blup
  • Creating sign up/ sign in in Blup
Powered by GitBook
On this page
  • QT AI Auto Completer:
  • Shortcut Keys in Blup Code Editor
  • Music to go with.

Was this helpful?

Edit on GitHub
  1. Wiki
  2. Blup Code Editor

Editor Area

Edit your code and customize your app within the Editor Area of the Blup Code Editor for a seamless development experience.

PreviousFile ExplorerNextPublish to stores 🚀(Ship)

Last updated 1 year ago

Was this helpful?

This is your coding space, operating like a traditional editor with a custom-built color scheme for both light and dark modes, enhancing readability and appearance.

Right-clicking within the editor unveils various actions, most akin to those found in the file explorer. However, we'll delve into two specific options unique to the editor.

Certainly! Let’s explore the additional features of the Editor Area:

  1. Go To Declarations:

    • Clicking this option redirects your cursor to the line in the file where the variable is declared.

    • The editor automatically detects the word if you haven’t selected the entire word. If you have, it finds the declaration for the selected part.

    • If no declaration is found, nothing happens.

  2. Go To Usages:

    • Clicking this option opens a pop-up displaying all the usages of the particular word.

    • If you haven’t selected the word, the editor automatically detects the word at the cursor.

    • If you have selected the word, it finds the usage of the selected part, providing the code snippet, line number, and file path where the word is used.

    • This feature is immensely helpful during coding and is widely utilized by developers for efficient coding.

Additionally, the Editor Area offers another feature that enhances coding ease and efficiency: the QT AI Auto Completer. Let’s delve into its details.

QT AI Auto Completer:

  • Enables you to input prompts, generating code snippets based on the prompt.

  • Understands both the code and file context.

  • Functions as a helpful coding co-pilot, assisting you in effortlessly creating new functionalities and writing logic.

  • The code is automatically generated at the cursor location.

  • For example, if you prompt “Write a function to add two numbers,” it will generate a code snippet at the current cursor position, making your coding tasks more convenient.

Shortcut Keys in Blup Code Editor

Let’s explore the time-saving shortcuts available in the Blup Code Editor. These shortcuts can significantly enhance your productivity by allowing you to perform common tasks without relying on your mouse. Here are some useful keyboard shortcuts:

  1. Ctrl + F: This shortcut enables you to search for a specific word within the currently opened file. It’s a quick way to locate occurrences of a particular term or function.

  2. Ctrl + R: Use this shortcut to replace a word within the currently opened file. It’s handy when you need to make consistent changes throughout your code.

  3. Ctrl + Shift + F: Pressing this combination opens the Find in Files dialog. You can search for a specific keyword across multiple files within your project. It’s particularly useful when you’re working with larger projects and need to find occurrences globally.

  4. Ctrl + Shift + R: Similar to the previous shortcut, this one opens the Replace in Files dialog. It allows you to search for a word and replace it with another across multiple files. Great for bulk changes!

  5. Ctrl + Mouse left click: When you click on a word while holding down the Ctrl key, it performs a couple of actions:

    • If the word has a declaration, it takes you to that declaration.

    • If it’s the root declaration, it opens the usages for that word. This is especially helpful for navigating through your codebase efficiently.

Remember, mastering these shortcuts can save you valuable time and streamline your coding experience in Blup Editor! 🚀🔍💡

Remember to leverage these features effectively to enhance your development workflow! 🚀

Music to go with.

If you have any ideas to make Blup better you can share them through our

Discord community channel
Lofi music
Page cover image