https://github.com/zigamacele/lien
Add custom links to your status bar
https://github.com/zigamacele/lien
vscode vscode-extension
Last synced: about 2 months ago
JSON representation
Add custom links to your status bar
- Host: GitHub
- URL: https://github.com/zigamacele/lien
- Owner: zigamacele
- License: mit
- Created: 2024-04-16T17:56:25.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-08T17:35:42.000Z (almost 2 years ago)
- Last Synced: 2025-05-14T12:21:13.168Z (about 1 year ago)
- Topics: vscode, vscode-extension
- Language: TypeScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=zigamacele.lien
- Size: 66.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README

Lien
Link Status Bar Manager for Visual Studio Code

List of available icons can be found [here](https://code.visualstudio.com/api/references/icons-in-labels#icon-listing).
## Installation
Lien can be installed via the VS Code [Marketplace](https://marketplace.visualstudio.com/items?itemName=zigamacele.lien).
## Configuration
To configure Lien, follow these guidelines:
### Global Settings
To apply the settings globally across all your projects, add the following configuration to your user settings:
1. Open the Command Palette (Cmd+Shift+P on macOS, Ctrl+Shift+P on Windows/Linux).
2. Type: `Preferences: Open User Settings (JSON)` and select it.
3. Use `lien.user.links` to add your custom links to the settings JSON file:
```json
{
"lien.user.links": [
{
"name": "Supabase", // <-- Can be left empty if you don't want a label
"icon": "database", // <-- Can be left empty if you don't want an icon
"link": "https://www.google.com",
"tooltip": "Open source Firebase alternative" // <-- (Optional) Name is used as tooltip if there is no tooltip provided
},
{
"name": "AdSense",
"icon": "dashboard",
"link": "google.com/adsense"
}
]
}
```
### Project-Specific Settings
To apply the settings only to a specific project, add the configuration to the `.vscode/settings.json` file within your project directory:
1. Open your project in VS Code.
2. Create or open the `.vscode/settings.json` file in the root of your project.
3. Use `lien.workspace.links` to add your custom links to the settings JSON file:
```json
{
"lien.workspace.links": [
{
"name": "Swagger", // <-- Can be left empty if you don't want a label
"icon": "bracket", // <-- Can be left empty if you don't want an icon
"link": "https://api.website.com/q/swagger-ui/",
},
{
"name": "Locize",
"icon": "location",
"link": "https://www.locize.app/"
"tooltip": "Localization management platform" // <-- (Optional) Name is used as tooltip if there is no tooltip provided
},
{
"name": "Jira",
"icon": "extensions-configure-recommended",
"link": "https://name.atlassian.net/jira/software/c/projects/XYZ6/"
},
{
"name": "Confluence",
"icon": "output-view-icon",
"link": "https://name.atlassian.net/wiki/spaces/XYZ6/pages/"
},
{
"name": "Prod",
"icon": "server-environment",
"link": "https://app.website.com"
},
{
"name": "Test",
"icon": "server-environment",
"link": "https://test.website.com"
},
{
"name": "Dev",
"icon": "server-environment",
"link": "https://dev.website.com"
}
]
}
```
## License
[MIT](./LICENSE) License © 2024 [Ziga Macele](https://github.com/zigamacele)