DevLens

Instant, searchable cheat sheets for every language — right inside VS Code.

What is DevLens?

Stop alt-tabbing to docs.

DevLens opens a smart cheat sheet panel beside your code with 700+ ready-to-use snippets across Python, JavaScript, modern frameworks, Web Dev, DevOps, and system tools.

It auto-detects which library you're using from your imports, switches instantly, and lets you insert any snippet directly at your cursor or terminal with one click — no copy-pasting, no context switching.

Think of it as having a senior developer sitting next to you who remembers every API instantly.

✨ Core Features

🔍 Auto-Detection

Reads your imports and automatically switches to the correct library.

⌨️ One-Click Insert

Insert any snippet directly at your cursor — formatted and ready.

🖥 Insert in Terminal

Send commands instantly to your active VS Code terminal.

⭐ Favorites Panel

Star snippets and persist them across sessions.

⚙️ Insert Behavior Settings

Choose:

• Insert on same line
• Insert on new line

🌐 Multi-Language Picker

Search and switch between ecosystems instantly.

⊞ Markdown Reference Mode

Toggle between Card View and clean documentation mode.

🔎 Instant Search

Filter by function name, keyword, or description in real time.

🗂 Category Tabs

Organized libraries for fast browsing.

📚 Supported Libraries (v0.4.1)

🐍 Python

• Python Fundamentals
• NumPy
• Pandas
• Matplotlib
• Seaborn
• Scikit-learn

🟨 JavaScript Ecosystem

• JavaScript
• TypeScript
• React
• React DOM
• Electron.js

🅰️ Modern Frameworks

• Angular
• Next.js
• NestJS

🌐 Web Development

• HTML
• CSS
• Tailwind CSS

🛠 DevOps & System Tools

• Git
• Docker
• Windows CMD
• macOS Terminal
• Linux Commands

700+ snippets across 18+ libraries — and growing.

⌨ Keyboard Shortcut

Or open via:

Command Palette → DevLens: Open DevLens

🚀 Getting Started

# Install from Marketplace
# Search "DevLens"

# Open any supported file
# Use shortcut Cmd+Ctrl+D (macOS)
# Or Ctrl+Ctrl+D (Windows/Linux)

DevLens opens beside your code — already focused on the correct library.

🛠 Development Setup

git clone https://github.com/Ali-Aldahmani/devlens.git
cd devlens
npm install
npm run compile
code .

Press F5 to launch Extension Development Host.

For live rebuild:

npm run watch

📦 Packaging & Publishing

npm install -g @vscode/vsce
npm run package
npm run publish

🗺 Roadmap

✅ Completed

• Python Data Stack
• Python Fundamentals
• Full JavaScript Ecosystem
• Angular, Next.js, NestJS
• Electron.js
• Web Dev Stack
• DevOps Commands
• macOS + Linux Terminal Commands
• Auto Detection
• Favorites Panel
• Insert Settings
• Markdown View Mode

🔜 Coming Next

• Python stdlib modules (os, re, datetime, etc.)
• Recently Used snippets
• Custom user snippet packs
• Rust
• Go
• More backend ecosystems

🤝 Contributing

1. Fork the repo
2. Create branch feat/your-feature
3. Commit changes
4. Open Pull Request

Contributions are welcome — libraries, bug fixes, or ideas.

📜 License

MIT © Ali Aldahmani