Deep learning at the rescue. In this article, I'll talk about , an AI Code Completion system for all languages, with a focus on JavaScript. TabNine is a plugin owned and operated by , who offers also a plugin for Java Code Completions. TabNine Codota What is TabNine? helps developers writing code with some magics. It's based on a system of to help you writing code: TabNine deep learning FASTER EASIER CLEANER It's a (yes, ) plugin for major IDEs like: free free IntelliJ PyCharm VS Code Sublime IntelliJ PhpStorm VIM Atom and many others: How does it work? TabNine indexes your code and finds statistical patterns to create customized suggestions based on . how you write your own code Take the following example: As shown TabNine learns automatically my variable declaration pattern while writing it, and suggest me the best match for the code I'll write after. By this way you can speed up , if you use a well defined naming convention. variable declarations TabNine offers different solutions while writing, and displays a value based on the best match he find: percentage This is a simple example to show how TabNine helps you write your code, the next examples will show more complex and ordinary-like use cases of this amazing tool! Note: This article is written in MarkDown and TabNine is helping me writing it! That's pretty cool! Install TabNine is an IDE plugin, so the installation process depends on which IDE you are using. I'll show the installation process for some of the most used IDEs: Visual Studio CodePress to open the command prompt.Run the following command: CTRL + P ext install TabNine.tabnine-vscode Reload VS Code manually or by after-install prompt. IntelliJ IdeaPress to open the settings popupGo under Search and installManually reload the IDE AtomUnder you can simply search and install CTRL + Alt + S Plugins/Marketplace TabNine packages TabNine You can check installation process for other IDE . here Examples Let's go deep on to use TabNine and . There are a lot of examples I could show you but I'll focus on some specific use cases. how why Comment-Driven code completition With TabNine we can use to generate functions and complex objects dinamically. This could be useful by defining the interface first and then the implementation. jsdoc Take this example, we want to define a function: sum /**
 * @description return a sum between a and b
 * @name        sumBy
 * @param       {number} a
 * @param       {number} b
 * @return      {number} the sum between a and b
 */ will read the jsdoc params and suggest you the correct code definition. I can just type Alt + Space (or Tab) to write the function: TabNine Classes development and extension You can also use this tool with class definition. Take this example: { (name, quadruped) { .name = name; .quadruped = quadruped;
  } get name() { .name;
  } set name(name) { .name = name;
  }
} /**
 * @description Animal class
 */ class Animal /**
   * @constructor
   * @param {string} name - name of the animal
   * @param {boolean} quadruped
   */ constructor this this /**
   * @description returns the name of the animal
   * @returns {string} - name of the animal
   */ return this /**
   * @description sets the name of the animal
   * @param {string} name - name of the animal
   */ this We want to extend this basic class with a Cat class, TabNine will learn about the class and suggest the method implementation and comments: Animal Function parameters auto completition Often in Javascript it's hard to complete the function parameters without typings. TabNine is useful in this case because it learns from your code and suggests the method implementation: The parameters of methods and are displayed automatically by TabNine, so you don't have to check the method implementation directly to check what kind of parameters the methods accepts. sumBy diffBy TabNine and Typescript There aren't a lot of differences for TabNine behaviours between JavaScript and TypeScript. TabNine will give you more precise suggestions because of Typings, so will get all the advantages types gives to your code: As you can see, I've defined , and in different orders and types compared to the function. TabNine is recognizing the variable types and suggest to you the correct order. param1 param2 param3 foo Thanks to: for letting me writing this article and be part of they're amazing project Codota , an amazing online tool for video editing (you can also make memes with it 😎) clideo.com , to convert video to GIF, and much more! onlineconverter.com

Different

Read My Stories

Too Long; Didn't Read

Make resilience your competitive advantage

An AI-Based Code Completion System For All Languages

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

ChatGPT vs Copilot vs Programmers: Who's Coming Out on Top?

On the Concerns of Developers When Using GitHub Copilot

GitHub Copilot in Practice: Empirical Insights into User Experiences and Practical Challenges

Study Reveals Common Issues Faced by GitHub Copilot Users

On the Concerns of Developers When Using GitHub Copilot: Conclusion & References

ChatGPT vs Copilot vs Programmers: Who's Coming Out on Top?

On the Concerns of Developers When Using GitHub Copilot

GitHub Copilot in Practice: Empirical Insights into User Experiences and Practical Challenges

Study Reveals Common Issues Faced by GitHub Copilot Users

On the Concerns of Developers When Using GitHub Copilot: Conclusion & References

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps