Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mohamedafraz/raycode-vscode
Instantly deploy beautiful code snippets to RayCode without leaving your coding environment⚡
https://github.com/mohamedafraz/raycode-vscode
extension raycode raycode-extension vscode vscode-extension
Last synced: 2 days ago
JSON representation
Instantly deploy beautiful code snippets to RayCode without leaving your coding environment⚡
- Host: GitHub
- URL: https://github.com/mohamedafraz/raycode-vscode
- Owner: MohamedAfraz
- License: mit
- Created: 2024-02-26T08:32:34.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-02-26T13:39:42.000Z (11 months ago)
- Last Synced: 2024-11-18T01:09:25.947Z (2 months ago)
- Topics: extension, raycode, raycode-extension, vscode, vscode-extension
- Language: JavaScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=MohamedAfraz.raycode
- Size: 85 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# [RayCode](https://dub.sh/raycode-new)
##### Instantly upload your code snippets to [RayCode](https://raycode.netlify.app) without having to swap between the VS Code IDE and your browser.
___
### Features
- Quickly save screenshots of your code
- Can detect 50+ Programming Languages Automatically
- Copy screenshots to your clipboard
- Copy the link of your RayCode
- Export as PNG or SVG
### Usage Instructions
1. Select text.
2. Click `Ctrl + Shift + P` to open the command palette.
3. Type `"RayCode"` and click `Enter`.
4. Wait
5. RayCode will quickly open the generated snippet in your browser at https://raycode.netlify.app/
6. If language is set as `Plaintext`. Then select language of the selected text from the Drop-Down menu
7. Now, Feel free to tryout all the other Controls & Options
8. Save the Image. Profit !!
___
> [!TIP]
> - If you'd like to bind RayCode to a hotkey, open up your keyboard shortcut settings and bind raycode.start to a custom keybinding.
> - You can Use the keyboard shortcuts in the RayCode Site to export the image faster.
---
### Tutorial
(click on the GIF for larger view)
---
> [!WARNING]
> Do Not Select the **Auto Detect** option in the language drop down box. It will make the website screen white and blank (only for you)
> [!NOTE]
> If you do select Auto Detect option by mistake, just refreshing the page won't fix it.
>[!TIP]
> For this you need to clear all your website cookies and browsing data completely for the RayCode website to work normally
(Only if you do select Auto Detect option and blank screen appears)
---
###### © RayCode by Mohamed Afraz. All Rights Reserved.
---
### You can fork this Repo or follow the steps below to build it yourself :D
---
## Build steps
### Prerequisites
i. Have [Node.js](https://nodejs.org/en/) installed on your machine.
ii. Update npm to the latest version. Run:
```bash
npm install -g npm@latest
```
iii. Install [Git](https://git-scm.com/downloads) and run the installer.
**Now follow the steps below !!**
1. Clone this repo
```bash
git clone https://github.com/MohamedAfraz/raycode-vscode.git && cd raycode-vscode
```
2. Install project dependecies
```bash
npm install
```
3. Now open the raycode-vscode folder in VS Code.
4. Now run Debugger (Extension Development Host) by clicking on it in the menu
(or)
By Pressing the `F5` key
5. Try using it from the Command Palette. It'll mostly work.
6. Just play around, change the code in the `package.json` or `extension.js` files.
---
Hope you got it and all is working!! If not, feel free to start an [Issue](https://github.com/MohamedAfraz/raycode-vscode/issues)⚡