dorkhub

vscode-code-annotation

Code Annotation Extension for VSCode

thamara
TypeScript8331 forksGPL-3.0updated 2 years ago
visit the demogit clone https://github.com/thamara/vscode-code-annotation.gitthamara/vscode-code-annotation
Code Annotation Logo

Code Annotation

Create and track annotations from your source code without actually committing comments on your code.

The "Code Annotation" can be found in the Activity pane.

Features

  • Create an annotation from the source code, selecting the portion of code, right-clicking and adding a note
  • Keybinds for creating a new note from selection (Ctrl/Cmd + alt + n), or without selection, aka Plain note (Ctrl/Cmd + alt + p)
  • Track annotations on its own pane
  • Check/Uncheck items as you complete them
  • Generate a report in Markdown with a summary of the pending and completed items

Feedback and feature requests

Feel free to open issues and suggest new features for the extension.

Installing

You can install the latest version of the extension via the Visual Studio Marketplace here.

Using a VSIX file

Download the VSIX file and follow the steps on your VSCode:

  1. Go to the "Extensions" pane
  2. Click on the ... on the top right of the "Extensions" pane
  3. Select "Install from VSIX"
  4. Select the VSIX file you downloaded and click install

Development

  • For the development you'll need to use VSCode
  • Install Node/Npm
  • After forking/cloning the repository, run:
npm install
npm run compile
  • And to run/test the extension, go the the Run pane and hit the green button on Run Extension. This will open a new VSCode window with the extension enabled.

Creating a VSIX file for instalation

  • "Compile" the extension as usual
    • npm install
  • Install vsce
    • npm install -g vsce
  • Create the VSIX file
    • vsce package

more like this

leaf

Lightweight, self-hosted task tracking

Rust50

taskbutler

Create and add progress bars, Office365 Files and Dropbox Paper papers by labels and link them to your Todoist tasks.

Python50

markItDown

📱 A React app to preview and edit Markdown✍. You can also export it as HTML.

JavaScript51

search

search projects, people, and tags