https://github.com/sneezry/vscode-devto

https://github.com/sneezry/vscode-devto

thepracticaldev vscode-extension

Last synced: 21 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/sneezry/vscode-devto
• Owner: Sneezry
• License: mit
• Created: 2019-09-17T01:05:33.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-05-08T14:50:56.000Z (6 months ago)
• Last Synced: 2024-10-06T15:26:23.600Z (about 1 month ago)
• Topics: thepracticaldev, vscode-extension
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=sneezry.vscode-devto
• Size: 115 KB
• Stars: 16
• Watchers: 4
• Forks: 3
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# VS Code DEV Community Extension

[DEV Community](https://dev.to) 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 . 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](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurestorage).

## License

This extension is published under MIT license.