Code Monkey home page Code Monkey logo

vscode-devto's Introduction

VS Code DEV Community Extension

DEV Community post editor for VS Code.

Features

  • Allow you to sign in DEV Community and list all your posts
  • Edit your posts and save online
  • View post online
  • Upload images to GitHub and quickly insert image URL into markdown file

Sign in

  • Open DEV Community treeview
  • Click Create API key or the key icon at top right corner of the view
  • Generate a new API key or select an existing key
  • Click Sign in or the sign in icon at top right corner of the view
  • Paste API key and press enter
  • Your post list will be shown in seconds

Edit a post

  • Click a post title to open markdown content in VS Code editor
  • Edit as a normal markdown file

Save post

  • Use VS Code save commnad to save post online. Press Ctrl + S as hotkey

Create a new post

  • Click plus icon at top right corner of the view
  • Edit the untitled post and press Ctrl + S to save it

Publish/Unpublish a post

  • Click to open the post
  • Modify publish property in yaml meta section at the top of the post
  • Press Ctrl + S to save publish state

You can also right click unpublished post in the list, and click Publish to quickly publish the post.

Delete a post

  • Right click the post in post list
  • Click Delete post online to delete the post in browser
  • Click refresh icon at top right corner of the view to refresh post list

Preview a post in local

  • Press Ctrl + Shift + V to preview locally
  • Or press Ctrl + K V if you prefer side by side preview

Upload images

  • Open or create a post
  • Click Upload images on bottom left cornor of VS Code
  • Paste your GitHub personal access token if you haven't set

You can generate new GitHub personal access token from https://github.com/settings/tokens. Click Generate new token, and check repo scope.

You can also find serval VS Code extensions to allow you to upload file online, such as Azure Storage.

License

This extension is published under MIT license.

vscode-devto's People

Contributors

ajkerrigan avatar dependabot[bot] avatar sneezry avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

vscode-devto's Issues

Draft article breaks the extension

I have a lot of pending articles.

There are ideas I started to work on.

Many have no text or tag yet, only a title.

I cannot use your extension because of that.

Unexpected end of JSON input

I get the error "Unexpected end of JSON input" when trying to sign in using an API key. Is this a known issue others can reproduce?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.