- Discord Rich Presence Vs Code
- Visual Studio Code Discord Bot Download
- Visual Studio Code Discord Bot Template
- Visual Studio Code Discord Integration
We're finally getting to the exciting parts! Since your bot is in your server now, the next step is to start coding and get it online!
I am coding it using Visual Studio Code. I don't really understand what else to do. I've tried looking for help in YouTube, but every time I try it seems to not work anymore. There are installation instructions for Visual Studio and Visual Studio Code available on that wiki page: Once you have your IDE and Library/Wrapper configured, you can move on to the next section — actually coding and creating your own Discord bot in C#! Visual-studio-code discord discord.js. Improve this question. Follow edited Apr 30 '20 at 16:48. Asked Apr 30 '20 at 16:08. 1 2 2 bronze badges. You just leaked your bot token, I suggest you reset it quickly – Syntle Apr 30 '20 at 16:11. Search results for 'discord', Visual Studio Code on marketplace.visualstudio.com. DiscordRPCVS for Visual Studio This extension enables on Discord Rich Presence for Visual Studio 2017 and 2019. As you're developing, this extension will automatically update your status on Discord to tell the world what you're coding. You can install the latest release here.
# Creating the bot file
Open up your preferred code editor (whether it be Visual Studio Code(opens new window), Atom(opens new window), Sublime Text(opens new window), or any other editor of your choice) and create a new file. If you're brand new and aren't sure what to use, go with Visual Studio Code.
We suggest that you save the file as index.js, but you may name it whatever you wish, as long as it ends with .js.
TIP
You can quickly create a new file using the Ctrl + N shortcut on your keyboard and then using Ctrl + S to save the file.
# Logging in to Discord
Once you've created a new file, do a quick check to see if you have everything setup correctly. Copy & paste the following code into your file and save it. Don't worry if you don't understand it right away—we explain more in-depth after this.
Head back to your console window, type in node your-file-name.js, and press enter. If you see the Ready! message after a few seconds, you're good to go! If not, try going back a few steps and make sure you followed everything correctly.
TIP
Discord Rich Presence Vs Code
Don't feel like typing the file name each time? Open up your package.json file, look for something like 'main': 'index.js', and change 'index.js' to whatever your file name is. After saving, you can run the node . shortcut in your console to start the process!
# Start-up code explained
Here's the same code with comments, so it's easier to understand what's going on.
Visual Studio Code Discord Bot Download
Although it's not a lot, it's good to know what each bit of your code does. But, as it currently is, this won't do anything. You probably want to add some commands that run whenever someone sends a specific message, right? Let's get started on that, then!
# Listening for messages
First, make sure to close the process in your console. You can do so by pressing Ctrl + C inside the console. Go back to your code editor and add the following piece of code above the client.login() line.
Notice how the code uses .on rather than .once like in the ready event. This means that it can trigger multiple times. Save the file, go back to your console, and start the process up again. Whenever a message is sent inside a channel your bot can access, the console will log the message's content. Go ahead and test it out!
Visual Studio Code Discord Bot Template
TIP
Inside your console, you can press the up arrow on your keyboard to bring up the latest commands you've run. Pressing Up and then Enter after closing the process is a convenient, quick way to start it up again (instead of typing out the name each time).
# Replying to messages
Logging to the console is great and all, but it doesn't provide any feedback for the end-user. Let's create a basic ping/pong command before you move on to making real commands. Remove the console.log(message.content) line from your code and replace it with the following:
Restart your bot and then send !ping to a channel your bot has access to. If all goes well, you should see something like this:
You've successfully created your first Discord bot command! Exciting stuff, isn't it? This is only the beginning, so let's move on to making some more commands.
Visual Studio Code Discord Integration
# Resulting code
If you want to compare your code to the code we've constructed so far, you can review it over on the GitHub repository here (opens new window).