prettier-chrome - GitLite

KO | EN

gitlite — search

#javascript #ai #typescript #llm #go #golang #rust #linux #docker #cli #kubernetes #security #pytorch #ios

prettier-chrome

(★ 222)

🎨 An extension that can run Prettier in the browser

File Explorer

Download Latest Version (.zip)

- settings.json
- - 128.png
  - 16.png
  - 48.png
  - icon.png
- favicon.ico
- index.html
- manifest.json
- - background.ts
  - content.ts
  - parsers.ts
  - prettier.ts
  - tsconfig.json
- - Popup.tsx
- App.tsx
- config.ts
- main.ts
- router.ts
- store.ts
- editor.d.ts
- emotion.d.ts
- prettier.d.ts
.all-contributorsrc
.editorconfig
.eslintignore
.eslintrc.js
.gitattributes
.gitignore
.postcssrc.js
.prettierignore
.prettierrc
.travis.yml
babel.config.js
bili.config.js
LICENSE
package.json
README.md
tsconfig.json
vue.config.js
yarn.lock

# Installation Guide

1. Get the code

git clone https://github.com/u3u/prettier-chrome

Downloads the entire project code from GitHub to your computer.

cd prettier-chrome

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<p align="center">
  <a href="https://prettier.io">
    <img src="https://raw.githubusercontent.com/prettier/prettier-logo/master/images/prettier-banner-light.png" width="600">
  </a>
</p>

<p align="center">
  <a href="https://chrome.google.com/webstore/detail/prettier/nnaminoiljgamnfnemmlcbdlmnleponp"><img alt="Chrome Web Store" src="https://img.shields.io/chrome-web-store/v/nnaminoiljgamnfnemmlcbdlmnleponp.svg?style=for-the-badge"></a>
  <a href="https://travis-ci.org/u3u/prettier-chrome"><img alt="Build Status" src="https://img.shields.io/travis/u3u/prettier-chrome/master.svg?style=for-the-badge"></a>
  <a href="./LICENSE"><img alt="LICENSE MIT" src="https://img.shields.io/badge/license-mit-blue.svg?style=for-the-badge"></a>
  <a href="https://github.com/prettier/prettier"><img alt="Code Style: Prettier" src="https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=for-the-badge"></a>
</p>

> 🎨 An extension that can be formatted using Prettier in Chrome

~~This extension is based on the latest version of [Prettier](https://prettier.io/) v1.13.0 development.~~ Thanks Prettier 🙏

## Preview

![QQ20180528-181652-HD.gif](https://i.loli.net/2018/05/28/5b0bd773148fd.gif)

## Install

- [Chrome Web Store](https://chrome.google.com/webstore/detail/prettier/nnaminoiljgamnfnemmlcbdlmnleponp)
- [Get the Chrome Extension](https://github.com/u3u/prettier-chrome/releases/download/v1.0.1/prettier.crx)

## Usage

- macOS: Press <kbd>Alt</kbd> + <kbd>F</kbd> to format when a markdown editor is in focus!
- Windows: Press <kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>F</kbd> to format when a markdown editor is in focus!

_You can also customize shortcuts here: `chrome://extensions/shortcuts`_

## Configurable options

> Please see the full documentation: https://prettier.io/docs/en/options.html

<img src="https://i.loli.net/2018/05/28/5b0bcb9a23fe5.png" width="400">

## Contributing

1.  Fork it!
2.  Create your feature branch: `git checkout -b my-new-feature`
3.  Commit your changes: `git commit -am 'Add some feature'`
4.  Push to the branch: `git push origin my-new-feature`
5.  Submit a pull request :D

## Contributors

Thanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):

| [<img src="https://avatars2.githubusercontent.com/u/20062482?v=4" width="100px;"/><br /><sub><b>さくら</b></sub>](https://qwq.cat)<br />[💻](https://github.com/u3u/prettier-chrome/commits?author=u3u "Code") [📖](https://github.com/u3u/prettier-chrome/commits?author=u3u "Documentation") [🎨](#design-u3u "Design") [🤔](#ideas-u3u "Ideas, Planning, & Feedback") |
| :---: |

This project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification. Contributions of any kind are welcome!

## Author

**prettier-chrome** © [u3u](https://github.com/u3u), Released under the [MIT](./LICENSE) License.  
Authored and maintained by u3u with help from contributors ([list](https://github.com/u3u/prettier-chrome/contributors)).

> [qwq.cat](https://qwq.cat) · GitHub [@u3u](https://github.com/u3u) · Twitter [@hanser0v0](https://twitter.com/hanser0v0)