Tim Deschryver

Writing a dev.to blog post with VSCode


Today, I present you πŸ“ New Blog Post a simple way to create and publish dev.to blog posts from within Visual Studio Code.


To install the or search for πŸ“ New Blog Post in the extensions go to the marketplace https://marketplace.visualstudio.com/items?itemName=timdeschryver.new-blog-post.

Writing a dev.to post

The default template of this extension is the dev.to template. To create create a new blog post, right click in the explorer or use the command palette and select πŸ“ New Blog Post

Gif on how to create a new blog post

Publishing to dev.to

In order to be able to publish your post to dev.to, you have to first create an API access token. You can create one at https://dev.to/settings/account. Once you have your token copy paste the token in your VSCode settings with the post.publishToken setting:

To add this to your config, search via the command palette for settings

When you have added the token to your settings, go back to your post and you can use the πŸš€ Publish to dev.to command in the command palette.

Image showing how to publish to dev.to


I created this extension to get familiar with VSCode extensions.

Also, my workflow to write my blog posts is to:

To make it a little bit easier to myself, I think this extension is a good addition to save a few minutes πŸ™‚.

More info

For more info and the source code of this extension, go to the GitHub repo

Please consider supporting me if have you enjoyed this post and found it useful:

Buy Me A Coffee PayPal logo
Support the blog Share on Twitter Discuss on Twitter Edit on GitHub