<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Gareth Brown</title>
    <description>The latest articles on DEV Community by Gareth Brown (@gbro3n).</description>
    <link>https://dev.to/gbro3n</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3849315%2Fa5074c5f-53c2-4a08-8b10-63bde7f749d2.png</url>
      <title>DEV Community: Gareth Brown</title>
      <link>https://dev.to/gbro3n</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/gbro3n"/>
    <language>en</language>
    <item>
      <title>AS Notes - VS Code Notes, Docs and Wikilink Markdown Editing</title>
      <dc:creator>Gareth Brown</dc:creator>
      <pubDate>Thu, 02 Apr 2026 11:43:41 +0000</pubDate>
      <link>https://dev.to/gbro3n/as-notes-vs-code-notes-docs-and-wikilink-markdown-editing-3a21</link>
      <guid>https://dev.to/gbro3n/as-notes-vs-code-notes-docs-and-wikilink-markdown-editing-3a21</guid>
      <description>&lt;h2&gt;
  
  
  What is AS Notes
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;AS Notes brings markdown editing with &lt;code&gt;[[wikilink]]&lt;/code&gt; for notes, documentation, blogs and wikis directly into &lt;a href="https://code.visualstudio.com/" rel="noopener noreferrer"&gt;VS Code&lt;/a&gt; and compatible editors (e.g. &lt;a href="https://antigravity.google/" rel="noopener noreferrer"&gt;Antigravity&lt;/a&gt;, &lt;a href="https://cursor.com/" rel="noopener noreferrer"&gt;Cursor&lt;/a&gt;, &lt;a href="https://windsurf.com/" rel="noopener noreferrer"&gt;Windsurf&lt;/a&gt;).&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;With AS Notes, you can capture ideas, link concepts, write, and stay focused - without ever leaving your editor.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;AS Notes provides productivity tooling that turns your favourite IDE into a personal knowledge management system (PKMS), including a backlinks view, task management, journals, a kanban board, markdown editing tools, mermaid, LaTeX math support and Jekyll / Hugo like publishing.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Install:&lt;/strong&gt; &lt;a href="https://marketplace.visualstudio.com/items?itemName=appsoftwareltd.as-notes" rel="noopener noreferrer"&gt;Visual Studio Marketplace&lt;/a&gt; / &lt;a href="https://open-vsx.org/extension/appsoftwareltd/as-notes" rel="noopener noreferrer"&gt;Open VSX&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;GitHub:&lt;/strong&gt; &lt;a href="https://github.com/appsoftwareltd/as-notes" rel="noopener noreferrer"&gt;github.com/appsoftwareltd/as-notes&lt;/a&gt;&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Resource&lt;/th&gt;
&lt;th&gt;Url&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Install&lt;/td&gt;
&lt;td&gt;
&lt;a href="https://marketplace.visualstudio.com/items?itemName=appsoftwareltd.as-notes" rel="noopener noreferrer"&gt;Visual Studio Marketplace&lt;/a&gt; / &lt;a href="https://open-vsx.org/extension/appsoftwareltd/as-notes" rel="noopener noreferrer"&gt;Open VSX&lt;/a&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Web&lt;/td&gt;
&lt;td&gt;&lt;a href="https://www.asnotes.io?attr=devto" rel="noopener noreferrer"&gt;asnotes.io&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;h2&gt;
  
  
  Why Did I Build AS Notes?
&lt;/h2&gt;

&lt;p&gt;There are many note taking apps in various forms, for various devices supporting various formats. Why do we need another one?&lt;/p&gt;

&lt;p&gt;Firstly, I'm a big fan of note taking / second brain / zettelkasten apps like Logseq and Obsidian. The main draw of these apps for many is that they offer bi-directional linking tools and importantly, are based on markdown - an open text based format that comes with inherent portability and longevity that doesn't come with closed proprietary formats that you might see in apps like OneNote or those that store your information in remote databases like Notion. I want to know that my thoughts and writing will be available to me in 30 years, without me having to continuously pay monthly subscriptions. Markdown provides that. There will always be text files and markdown will always be simple to parse, meaning that notes in markdown can survive the rise and fall of any editing tool. Secondly, markdown based tools facilitate local editing, which offers options for the privacy conscious.&lt;/p&gt;

&lt;p&gt;As a software developer however, the existing tools didn't cover everything I needed them to. Not all work environments will allow personal knowledge management tools with the potential to sync data to private clouds (for obvious reasons). And while they may support publishing in various forms, they are not designed for building and maintaining documentation for software projects.&lt;/p&gt;

&lt;p&gt;I wanted fast, simple wikilinks, bi-directional linking and backlinking in my documents. This feature allows both the author and the user to infer relationships between key concepts in your applications, and we're more likely to write good notes and documentation when our tooling make it easy.&lt;/p&gt;

&lt;p&gt;AS Notes goes further by also providing markdown editing tooling along with task and productivity management tools.&lt;/p&gt;

&lt;p&gt;Full documentation and features are available at &lt;a href="https://docs.asnotes.io" rel="noopener noreferrer"&gt;docs.asnotes.io&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;
  
  
  AS Notes Works Where You Work, and With Your Existing Tools
&lt;/h2&gt;

&lt;p&gt;Many of us spend a lot of our day in VS Code and VS Code derived editors like Cursor, Antigravity or Windsurf. What I really wanted was the power of a PKMS (personal knowledge management system), with wikilinking and fast information capture, but with the flexibility to also write and maintain comprehensive, well formatted technical documentation, along with options for publishing, and I needed it to work where I spend most of my day - in the IDE.&lt;/p&gt;

&lt;p&gt;Further, I believe in version controlling everything - code, notes and documentation. I need to work with Git friendly tools and formats. VS Code is a text editor. Text is Git friendly, and VS Code has version control tooling built in.&lt;/p&gt;
&lt;h2&gt;
  
  
  The Best Place to Maintain Documentation (and Notes) Is With Your Code
&lt;/h2&gt;

&lt;p&gt;I firmly believe that documentation is best maintained right next to a code base. This can also be extended to general project and planning notes too, depending on how far you want to take the idea. The reason for this is that you are far more likely to keep your documentation up to date when you are able to edit and version control docs alongside code, due to proximity and easy switching between the files.&lt;/p&gt;

&lt;p&gt;Docs next to code also lends itself to publishing documentation to static websites, providing the option of making your documentation available via GitHub / Cloudflare Pages or other providers, and having those documents published as part of your build pipeline (CI/CD).&lt;/p&gt;

&lt;p&gt;AS Notes can be initialised at the top level working directory, or a single subfolder (For example you may not want AS Notes active in basic README.md or LICENCE.md files). AS Notes also supports Jekyll / Hugo like publishing of selected documents or entire directories, with layout and theme support.&lt;/p&gt;
&lt;h2&gt;
  
  
  Features At A Glance
&lt;/h2&gt;
&lt;h3&gt;
  
  
  Wikilinks and Nested Wikilinks
&lt;/h3&gt;

&lt;p&gt;Link notes together with &lt;code&gt;[[wikilinks]]&lt;/code&gt;, including support for nested links like &lt;code&gt;[[[[AS Notes]] Page]]&lt;/code&gt; that resolve multiple targets. Renaming a link updates the target file and all matching references across your workspace.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvt0xa5ws8epfp50zvmqx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvt0xa5ws8epfp50zvmqx.png" alt="Wikilinks" width="800" height="145"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  Inline Editor Styling
&lt;/h3&gt;

&lt;p&gt;Optional Typora-like inline rendering that replaces markdown syntax with visual formatting as you type. Syntax characters fade to ghost opacity when the cursor is on the line, and appear in full when editing inside a construct.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbjceo9t5t9lremwqiknk.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbjceo9t5t9lremwqiknk.png" alt="Inline Editor Styling" width="800" height="341"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h4&gt;
  
  
  Mermaid and LaTeX Rendering
&lt;/h4&gt;

&lt;p&gt;Mermaid diagrams and LaTeX math expressions render inline in the editor, with live updates as you edit.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frf2fy97oekf2ix94nqo4.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frf2fy97oekf2ix94nqo4.png" alt="Mermaid and LaTeX rendering" width="800" height="491"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  Backlinks View
&lt;/h3&gt;

&lt;p&gt;See every reference to the current page in a dedicated panel. Backlinks capture surrounding context, support forward references and update live as you edit. Group by page or by chain pattern for concept-based exploration.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5ijyeu3usj53ao6h81ko.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5ijyeu3usj53ao6h81ko.png" alt="Baclkinks View" width="800" height="423"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  Task Management
&lt;/h3&gt;

&lt;p&gt;Toggle markdown TODOs with a keyboard shortcut and view all tasks across your workspace in a dedicated sidebar. Group by page, priority, due date or completion date, and filter by status or page name. Add structured metadata tags (&lt;code&gt;#P1&lt;/code&gt;, &lt;code&gt;#W&lt;/code&gt;, &lt;code&gt;#D-YYYY-MM-DD&lt;/code&gt;) to categorise and organise tasks.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjlky14chb037osd79kpi.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjlky14chb037osd79kpi.png" alt="Task management" width="642" height="711"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  Kanban Board
&lt;/h3&gt;

&lt;p&gt;A built-in kanban board backed by markdown files for tracking long-running projects. Cards are regular notes so you can use wikilinks, tasks and all other AS Notes features inside them.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdnx9gn8w53u1mohd46w1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdnx9gn8w53u1mohd46w1.png" alt="Kanban Board" width="800" height="249"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  Daily Journal
&lt;/h3&gt;

&lt;p&gt;Press a keyboard shortcut to create or open today's journal entry. New entries are generated from a customisable template with placeholder support. A calendar panel in the sidebar shows the current month with journal indicators.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkhog4lwn6rjj2e7npufe.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkhog4lwn6rjj2e7npufe.png" alt="Daily Journal" width="800" height="326"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  Outliner Mode
&lt;/h3&gt;

&lt;p&gt;Turn the editor into a bullet-first outliner where every line begins with &lt;code&gt;-&lt;/code&gt;. Custom keybindings for Enter, Tab, Shift+Tab and Ctrl+Shift+Enter keep you in flow with automatic bullet continuation, indentation control and todo cycling.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frizpihsqnbofnqrk7dr1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frizpihsqnbofnqrk7dr1.png" alt="Outliner mode" width="800" height="907"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;
  
  
  Templates
&lt;/h3&gt;

&lt;p&gt;Example &lt;code&gt;Demo Template.md&lt;/code&gt; - when used via the &lt;code&gt;/template&lt;/code&gt; slash command , the template below would result in the following markdown and cursor placement:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="gh"&gt;# {{title}} - Template Placeholder Demo&lt;/span&gt;

Created: {{date}}
Time: {{time}}
Full timestamp: {{datetime}}

&lt;span class="gu"&gt;## File Info&lt;/span&gt;
&lt;span class="p"&gt;
-&lt;/span&gt; &lt;span class="gs"&gt;**Filename:**&lt;/span&gt; {{filename}}
&lt;span class="p"&gt;-&lt;/span&gt; &lt;span class="gs"&gt;**Title:**&lt;/span&gt; {{title}}

&lt;span class="gu"&gt;## Custom Date Formats&lt;/span&gt;
&lt;span class="p"&gt;
-&lt;/span&gt; UK format: {{DD/MM/YYYY}}
&lt;span class="p"&gt;-&lt;/span&gt; US format: {{MM/DD/YYYY}}
&lt;span class="p"&gt;-&lt;/span&gt; Short year: {{DD/MM/YY}}
&lt;span class="p"&gt;-&lt;/span&gt; Time only: {{HH:mm}}
&lt;span class="p"&gt;-&lt;/span&gt; Full custom: {{DD/MM/YYYY HH:mm:ss}}
&lt;span class="p"&gt;-&lt;/span&gt; Year-month: {{YYYY-MM}}
&lt;span class="p"&gt;-&lt;/span&gt; Day-month: {{DD-MM}}

&lt;span class="gu"&gt;## Notes&lt;/span&gt;

{{cursor}}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Result:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="gh"&gt;# 2026-04-02 - Template Placeholder Demo&lt;/span&gt;

Created: 2026-04-02
Time: 12:15:20
Full timestamp: 2026-04-02 12:15:20

&lt;span class="gu"&gt;## File Info&lt;/span&gt;
&lt;span class="p"&gt;
-&lt;/span&gt; &lt;span class="gs"&gt;**Filename:**&lt;/span&gt; 2026-04-02
&lt;span class="p"&gt;-&lt;/span&gt; &lt;span class="gs"&gt;**Title:**&lt;/span&gt; 2026-04-02

&lt;span class="gu"&gt;## Custom Date Formats&lt;/span&gt;
&lt;span class="p"&gt;
-&lt;/span&gt; UK format: 02/04/2026
&lt;span class="p"&gt;-&lt;/span&gt; US format: 04/02/2026
&lt;span class="p"&gt;-&lt;/span&gt; Short year: {{DD/MM/YY}}
&lt;span class="p"&gt;-&lt;/span&gt; Time only: 12:15
&lt;span class="p"&gt;-&lt;/span&gt; Full custom: 02/04/2026 12:15:20
&lt;span class="p"&gt;-&lt;/span&gt; Year-month: 2026-04
&lt;span class="p"&gt;-&lt;/span&gt; Day-month: 02-04

&lt;span class="gu"&gt;## Notes&lt;/span&gt;

&amp;lt;- Cursor here

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Encrypted Notes
&lt;/h3&gt;

&lt;p&gt;Store sensitive notes in encrypted &lt;code&gt;.enc.md&lt;/code&gt; files using AES-256-GCM encryption. Your passphrase is stored securely in the OS keychain and never written to disk. Encrypt and decrypt notes with a single command.&lt;/p&gt;

&lt;h3&gt;
  
  
  Static Site Publishing
&lt;/h3&gt;

&lt;p&gt;Publish selected notes or entire directories as a static HTML site with layout and theme support, similar to Jekyll or Hugo. Ideal for documentation sites, blogs, and project wikis deployed via GitHub Pages, Cloudflare Pages or other providers.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1gex8jessjjzuifw7s83.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1gex8jessjjzuifw7s83.png" alt="Static Site Publishing" width="800" height="584"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Installing AS Notes
&lt;/h2&gt;

&lt;p&gt;If you'd like to use AS Notes to manage your notes or documentation, you can install via:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=appsoftwareltd.as-notes" rel="noopener noreferrer"&gt;Visual Studio Marketplace&lt;/a&gt; / &lt;a href="https://open-vsx.org/extension/appsoftwareltd/as-notes" rel="noopener noreferrer"&gt;Open VSX&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion / Feedback / Questions
&lt;/h2&gt;

&lt;p&gt;If you have any questions or feedback regarding AS Notes, contact us via &lt;a href="https://www.asnotes.io" rel="noopener noreferrer"&gt;asnotes.io&lt;/a&gt; or email &lt;a href="mailto:support@asnotes.io"&gt;support@asnotes.io&lt;/a&gt;&lt;/p&gt;

</description>
      <category>vscode</category>
      <category>markdown</category>
      <category>documentation</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
