Lineflow VS Code Extension
VS Code Extension Link: Click here
Usage
Open command pallete (cmd+shift+p) and type lineflow and choose the item named Lineflow: Open Lineflow.
Inspiration
Purpose: To be able to use Lineflow directly from VS Code (https://sahilrajput.com/line-flow).
Development
Please check README.yo.md to view the readme generated by yo cli tool.
# Step 1: Keep watcher running
nr watch # Generates `dist` folder (or for one time you can use `nr compile` as well.)
# Step 2: Launch extension
# Open another terminal (or same VS Code window) and run below
# command as it will open a new Extension Development Host window.
code --extensionDevelopmentPath=$(pwd) # ✅ Works [TESTED]
# code --extensionDevelopmentPath=. # ❌ This doesn't work!
# Confirm extension is actually loaded
# (FYI: This does ❌ NOT show my extension)
# Ctrl+Shift+P → "Show Running Extensions"
# Step 3: Run command
# Ctrl+Shift+P → "Hello World"
Publishing to VS Code Extensions: Initialization Commands
Step 1: 👉 https://marketplace.visualstudio.com/manage and login wtih a Microsoft Account. From here we get our publisher name i.e, SahilRajput.
Step 2: Create a PAT (Personal Access Token) 👉 https://dev.azure.com (please check your microsoft account to view your PAT key and other info about it).
Step 3: Install publication tool: npm install -g vsce and login via: vsce login SahilRajput (where SahilRajput is my publisher name).
Step 4: Add "publisher": "SahilRajput" to package.json.
Step 5: Add repository field (optional) to your package.json: "repository": { "type": "git", "url": "https://github.com/sahilrajput03/lineflow-vs-code-extension.git" }
Step 6: Copy the license from https://opensource.org/license/MIT to LINCENSE file.
Step 7: Package extension and publish: vsce package && vsce publish. This gives you Extension URL and Hub URL(link to extension). NOTE: It can take a few minutes before teh URL is active and you do get a email your live (microsoft) email account as soon the extension & extension's webpage is live.
Future Update:
- Just bump version:
vsce publish patch or vsce publish minor or vsce publish major
Project Initialization Commands
npm install -g yo generator-code
yo code
# Then choose `New Extension (TypeScript)`.
# Project name: Lineflow
# Identifier: lineflow (default)
# Description: One line. Full Presence.
# Initialize git repo: Y (default)
# Which bundler to use?: esbuild
# Above command creates a folder named `` and then suggests to read file ` vsc-extension-quickstart.md.
# IMPORTANT: `yo` doesn't allow to use current folder to setup project so I moved all the files of folder `lineflow` to root of this github repository.
