DEV Community

anshul137
anshul137

Posted on

Release 0.3:Internal Project Contribution

Hey everyone, thanks for reading my Blog post. This post is regarding my contribution to Internal Project of Seneca
my-photohub.

Overview

My Photohub is a web app that makes it easy to share your photos on the web. My Photohub takes your images and optimizes them for the web, creates a beautiful HTML page to show them, and hosts everything in a new GitHub Repository owned by you! Your photo web page is made available to the world via GitHub Pages. Best of all, everything is free and you are in control of the end product.

Issue

Issue is to add the Prettier into this project.

Link to issue Issue 23

Description

Added the Prettier into this project

  • In .vscode folder
  • In extensions.json file added Prettier as the recommendation
  • In settings.json added configration.
  • Run Prettier via command line npm run format.
  • Check all the files are formatted via command line npm run format:check
  • Added .prettierignore
  • Added .prettierrc.json
  • Update the CONTRIBUTING.md on how to use Prettier via command line

How to install Prettier

Prettier is an opinionated code formatter with support for:

  • JavaScript (including experimental features)
  • JSX
  • Angular
  • Vue
  • Flow
  • TypeScript
  • CSS, Less, and SCSS
  • HTML
  • Ember/Handlebars
  • JSON
  • GraphQL
  • Markdown, including GFM and MDX
  • YAML

First, install Prettie locally:
npm install --save-dev --save-exact prettier

Create an empty config file to let editors and other tools know you are using Prettier:
echo {}> .prettierrc.json

Create a .prettierignore file to let the Prettier CLI and editors know which files to not format.

Run this command in terminal to format all the documents.
npx prettier --write .

Pull Request

Link to PR

Top comments (0)