VSCode OKX TradingView Extension: Monitor Crypto Prices in Your Status Bar

Overview

The VSCode OKX TradingView extension displays real-time cryptocurrency prices from OKX exchange directly in your Visual Studio Code status bar. This powerful tool helps traders and developers stay updated on market movements without leaving their coding environment.

Key Features

• Real-time price updates for OKX trading pairs via WebSocket connection
• Multi-pair monitoring - track multiple cryptocurrencies simultaneously

• Flexible display modes:

  • Horizontal row layout (showing all pairs at once)
  • Carousel mode (cycling through pairs at customizable intervals)
• One-click refresh by clicking the status bar display
• Auto-reconnect functionality for uninterrupted monitoring

• Customizable settings including:

  • Trading pair selection
  • Display preferences
  • Abbreviation options
• Lightweight performance with minimal resource usage

Installation Guide

From VSCode Marketplace

1. Open Visual Studio Code
2. Access the Extensions view (Ctrl+Shift+X or click the Extensions icon)
3. Search for "OKX TradingView"
4. Click Install

Manual Installation

1. Download the .vsix file from the GitHub repository

2. In VSCode:

   • Open Extensions view
   • Click the ... menu
   • Select "Install from VSIX..."
   • Choose the downloaded file

👉 Explore more developer tools

Configuration Options

Add these settings to your VSCode settings.json:

{
  "okxTradingview.pairs": ["BTC-USDT-SWAP", "ETH-USDT-SWAP"],
  "okxTradingview.displayMode": "row",
  "okxTradingview.carouselInterval": 5000,
  "okxTradingview.abbreviation": "disable"
}

Detailed Configuration Reference

Usage Instructions

1. After installation, locate the OKX button in your status bar

2. Click to activate price monitoring:

   • Active monitoring shows real-time prices
   • Button icon changes to indicate active state
3. Click again to deactivate

4. Features include:

   • Independent control per VSCode window
   • Automatic WebSocket reconnection
   • Manual refresh capability

Troubleshooting FAQ

Why aren't prices displaying?

• Verify network connectivity to OKX services
• Confirm correct trading pair configuration
• Restart VSCode

Prices seem delayed

• Check network latency
• Ensure no firewall blocks WebSocket connections
• Try reducing the number of monitored pairs

Display issues in status bar

• Toggle between display modes
• Reload VSCode window (Ctrl+R or "Reload Window" command)

👉 Discover advanced trading tools

Technical Specifications

• Data Source: OKX WebSocket API (official market data)
• Update Frequency: Real-time (varies by network conditions)
• Precision: Uses OKX's official price precision for each trading pair
• Compatibility: Works with VSCode 1.60+

Development Roadmap

Version History

• 0.0.6: Fixed price display formatting (consistent decimal places)
• 0.0.5: Removed currency symbols for cleaner display
• 0.0.4: Marketplace publication
• 0.0.3: Added publisher information
• 0.0.2: Implemented abbreviation feature
• 0.0.1: Initial release with core functionality

Contribution Guidelines

We welcome community contributions:

1. Fork the repository
2. Create feature branches
3. Submit pull requests
4. Follow standard GitHub workflow

Legal Information

• License: MIT (open-source)
• Disclaimer: Prices are for reference only - verify with official exchange data before trading

Support Resources

• GitHub Issues: Repository Link
• Documentation: Included in README.md

Acknowledgments

• OKX for providing market data APIs
• Microsoft for VSCode extension framework
• Community contributors

This extension combines trading convenience with developer workflow efficiency, bringing essential market data directly to your coding environment.