johnpapa/vscode-peacock

Stars
1,040
Rank 44,297 (Top 0.9 %)
Language
TypeScript
License
MIT License
Created over 5 years ago
Updated 7 months ago

johnpapa/vscode-peacock

johnpapa

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Subtly change the color of your Visual Studio Code workspace. Ideal when you have multiple VS Code instances, use VS Live Share, or use VS Code's Remote features, and you want to quickly identify your editor.

Peacock for Visual Studio Code

Subtly change the color of your Visual Studio Code workspace. Ideal when you have multiple VS Code instances, use VS Live Share, or use VS Code's Remote features, and you want to quickly identify your editor.

Read the extensive documentation here which includes a guide on how to use Peacock and a changelog

Install

Open Extensions sideBar panel in Visual Studio Code and choose the menu options for View → Extensions
Search for Peacock
Click Install
Click Reload, if required

Documentation

Read the extensive documentation here which includes a guide on how to use Peacock and a changelog

Quick Usage

Let's see Peacock in action!

Create/Open a VSCode Workspace (Peacock only works in a Workspace)
Press F1 to open the command palette
Type Peacock
Choose Peacock: Change to a favorite color
Choose one of the pre-defined colors and see how it changes your editor

Now enjoy exploring the rest of the features explained in the docs!

Resources

Peacock docs are hosted on Azure -> Get a Free Azure Trial
Get VS Code
Create your first VS Code extension
VS Code Extension API
Learn how to add WebPack bundles to your favorite extensions

Credits

Inspiration comes in many forms. These folks and teams have contributed either through ideas, issues, pull requests, or guidance. Thank you!

The VS Code team and their incredibly helpful guide for creating extensions
Here are some great examples for extensions from the VS Code team

Code of Conduct

Code of Conduct.

Problems or Suggestions

Open an issue here

Contributors

Contribution guidelines are located here

Thanks goes to these wonderful people (emoji key):

_{James Newell} ⚠️	_Julian 🤔	_{Oleg Solomka} 💻 ⚠️	_{Joseph Rex} 🎨	_{Sam Julien} 🤔	_{Shayne Boyer} 💻	_{Burke Holland} 🤔
_{Jonathan Carter} 💻	_{Ricardo Souza} 💻	_{Kushal Pandya} 💻	_{Erich Gamma} ⚠️	_{Christian Nwamba} 🤔	_{Matt Bierner} 💻	_{Raymond Camden} 🤔
_{Aaron Powell} 🤔	_tanhakabir 💻	_{Nate Drake} 💻

This project follows the all-contributors specification. Contributions of any kind welcome!

angular-styleguide

Angular Style Guide: A starting point for Angular development teams to provide consistency through good practices.

lite-server

Lightweight node server

ng-demos

variety of angular demos

angular-ngrx-data

Angular with ngRx and experimental ngrx-data helper

generator-hottowel

Yo generator that creates an Angular app via HotTowel

angular-tour-of-heroes

Angular - Tour of Heroes - The Next Step after Getting Started

vscode-angular-snippets

Angular Snippets for VS Code

gulp-patterns

Playground for Gulp Recipes

HotTowel-Angular

HotTowel with Angular (for NuGet)

ngrx-data-lab

Sample app that can be expanded to use ngrx-data

pwa-angular

vue-getting-started

This project is seen in demos including the Pluralsight course "Vue: Getting Started" to help represent a fundamental app written with Vue. The heroes and villains theme is used throughout the app.

heroes-angular

Tour of Heroes app written with Angular

vscode-winteriscoming

Dark theme with fun and bright foreground colors

pluralsight-gulp

Starter Code for Pluralsight Course "JavaScript Build Automation with Gulp.js"

angular-event-view-cli

Angular Demo with a Little bit of a lot of features

vue-typescript

Vue.js with TypeScript (OLD - in process of updating)

hottowel-angular-typescript

As seen at //Build 2015 presented by Erich Gamma, Chris Dias and John Papa.

heroes-vue

Tour of Heroes app written with Vue

HotTowel

John Papa's ASP.NET MVC SPA Template (Durandal)

heroes-react

Tour of Heroes app written with React

vscode-angular-essentials

shopathome

Choose from Angular, React, Svelte, and Vue applications with an Azure Functions API, that deploys to Azure Static Web Apps

PluralsightSpaJumpStartFinal

Source code for the SPA JumpStart Pluralsight course at http://jpapa.me/spajsps

hello-worlds

Hello world apps for angular, react, svelte, and vue

heroes-angular-serverless

TypeScript Node/Express 👉TypeScript Serverless ➕Angular

angular2-force

ngConf 2016 live coding demo

vscode-cloak

Cloak allows you to hide/show environment keys, to avoid accidentally sharing them with everyone who sees your screen.

angular-preload-and-interceptors

angular-first-look-examples

angular first look for pluralsight

angular-first-look-hosted

Hosted Code from Pluralsight Course "Angular First Look"

angular-cosmosdb

Cosmos DB, Express.js, Angular, and Node.js app

CodeCamper

pluralsight-vscode-samples

VS Code samples for Pluralsight course on Code

docker-angular-cli

Dockerfile and image for node plus angular CLI

awesome-angular-workshop

Angular: The Awesome Parts - Workshop

angular.breeze.storagewip

Save Work in Progress to Local Storage for Angular and Breeze apps

Pluralsight-CC-Angular-Breeze-Extra

Supporting files for the Pluralsight "SPA with Angular and Breeze" course by John Papa.

node-hello

Hello World for Node.js

one-with-angular

node-ts

Simple Node app Written with TypeScript

http-interceptors

The Web apps in this monorepo make HTTP requests and require uniform consistency in how they are executed and handled. This monorepo demonstrates the same app written with Angular and with Svelte. Each app uses HTTP interceptors. The Angular app uses HttpClient and its interceptors while the Svelte app uses Axios and its interceptors.

angular-what-if

vikings

express-to-functions

TypeScript Node/Express 👉TypeScript Serverless ➕ Angular

vue-guide

Super Simple Vue Samples

ngrx-demo

ng-patterns-testing

typescript-async

Creating Asynchronous Code with TypeScript

vscode-angular1-snippets

vscode-angular1-snippets

vscode-pwa

VS Code Extension for PWA Tools

angular-lazy-load-demo

Lazy loading Angular components

github-templates

angular-2-first-look-launcher

heroes-svelte

Tour of Heroes app written with Svelte

kis-requirejs-demo

Keep It Simple RequireJS Demo. Shows simple demo of require.js before and after

heroes-node-api

node api for the heroes apps

heroes-vue-node-api

As seen in Vue Conf 2019

toastr-bower

toastr's bower repo

star-wars-api

vue-workshop

Vue Fundamentals Workshops

vue-simple

This project was created to help represent a fundamental app written with Vue. The heroes and villains theme is used throughout the app.

typescript-fundamentals

vscode-read-time

vue-intro

Vue.js app using Vue's CLI

angular-rxjs-shared-examples

serverless-thank-you

Say thank you to everyone who takes the time to create and discus or a pull request in your Github repository, using Azure Functions

swa-workshop

cloud-coding-with-codespaces

Live demo using Angular, github.dev, codespaces, copilot, azure static web apps, and devcontainers

vscode-azure-functions-tools

Azure Functions Tools for VS Code - DEPRECATED

vue-cli-preset-all-javascript

Vue CLI Preset for All JavaScript Prompts

vscode-presenter-pro

vue-ts

simple repro of master details with vue 3, composition api, and typescript

ios-play

security-strategy-essentials

telekinesis

johnpapa

house-bot

Home automation with AI, LUIS, Serverless

first-serverless-api

Create your first serverless API endpoints with Azure Functions

innersource

Angular-NuGet

NuGet Repo for Angular Packages

angular-expiring-http-cache

ng-ai-hackathon

starwars-ios

one-with-angular-api

shopping-for-codespaces

typescript-hello-world

Simple hello world project for running TypeScript with Node.js

svelte-intro

glimpse.toastr

react-book-repo

pluralsight-ng-testing

pluralsight-ng-testing

skills-copilot-codespaces-vscode

My clone repository

dotfiles

aggregator-app

serverless function with api aggregator with azure

.github

vscode-import-bug

referencing https://github.com/microsoft/TypeScript/issues/35591