In this article, you will learn how to use DEV Community extension for Visual Studio Code to write posts in DEV Community using Visual Studio Code.
In Visual Studio Code, open Extensions and search for dev.to.
Click Install to install the extension.
To write posts you need to sign in your DEV Community account first.
Updated on 2019/10/23
You can use Code Spell Checker for spell check. To make Code Spell Checker work with DEV Community extension, you need add
devtoto Code Spell Checker allowed schemas:
- Click File - Preferences - Settings to open Visual Studio Code settings page.
- Search Allowed Schemas, click Add Item button to add
devtointo the list:
Visual Studio Code has built-in support for markdown preview, you can press
K then press
V) to preview locally.
To published post, you can also right click its title in the post list to select View online to view the post in browser:
To publish a post you can do one of the followings:
truein post yaml properties at top of the content, and save the post.
Like any markdown, you can insert online images like following:
Updated on 2019/10/8
From v0.0.11, the extension uploads images to Imgur by default. If you would like to upload to GitHub instead, press
Pand execute DEV Community: Update GitHub personal access token to configure GitHub token, and the extension will upload images to your GitHub repository then.
The DEV Community extension can help you to quickly upload images to GitHub and insert the code to your current post.
Open browser and go to https://github.com/settings/tokens/new.
Copy the generated token.
From v0.0.11, you need set GitHub token by executing DEV Community: Update GitHub personal access token command. Or the image will be uploaded to Imgur. See step 7.
DEV Community extension for Visual Studio Code is published under MIT license. You can find its source code from https://github.com/Sneezry/vscode-devto. This extension is still in preview, and its functionality may be limited. If you have any feedback, welcome to open a ticket at https://github.com/Sneezry/vscode-devto/issues (GitHub account required).