English (United States)
See more
Prettier chrome extension
Latest Version
Version
0.1.0
Update
March 23, 2017
Size
3.36MiB
Developer
Category
Users
1,000+ 
Rating
4 ★
Manifest Version
2
Web Store Status
Extension ID
Languages Support
Permissions
ContextMenus
Background
Storage
See more
Background
Storage
Prettier Chrome Extension Extension
Format your JavaScript code using the Prettier library on any editable element (`textarea` and `input[type=text]`, for now).
sebmarkbage(https://twitter.com/sebmarkbage/status/843866641515536384) had an idea for a tool that will format your JavaScript code that is not in your code editor/IDE. This is the implementation I came up with.
Usage
1. Install
2. Ensure your code fences are defined as JS blocks (```js var abc = 123; ```)
3. Format your code via a handy context menu.
Options
All the options that are defined in Prettier API are available to be set using the extensions options page.
Read more
sebmarkbage(https://twitter.com/sebmarkbage/status/843866641515536384) had an idea for a tool that will format your JavaScript code that is not in your code editor/IDE. This is the implementation I came up with.
Usage
1. Install
2. Ensure your code fences are defined as JS blocks (```js var abc = 123; ```)
3. Format your code via a handy context menu.
Options
All the options that are defined in Prettier API are available to be set using the extensions options page.
Source Manifest.json
{
"update_url": "https://clients2.google.com/service/update2/crx",
"name":"Prettier Chrome Extension",
"icons":{"16":"icon_16x16.png",
"32":"icon_32x32.png",
"48":"icon_48x48.png",
"128":"icon_128x128.png"},
"background":{"scripts":["background.bundle.js"],
"persistent":true},
"permissions":["contextMenus",
"background",
"storage"],
"options_ui":{"page":"options.html",
"chrome_style":true},
"content_scripts":[{"matches":[""],
"js":["inject.bundle.js"],
"run_at":"document_end"}],
"manifest_version":2,
"content_security_policy":"script-src 'self' 'unsafe-eval'; object-src 'self'",
"description":"prettier chrome extension",
"version":"0.1.0"}
Read more
"update_url": "https://clients2.google.com/service/update2/crx",
"name":"Prettier Chrome Extension",
"icons":{"16":"icon_16x16.png",
"32":"icon_32x32.png",
"48":"icon_48x48.png",
"128":"icon_128x128.png"},
"background":{"scripts":["background.bundle.js"],
"persistent":true},
"permissions":["contextMenus",
"background",
"storage"],
"options_ui":{"page":"options.html",
"chrome_style":true},
"content_scripts":[{"matches":["
"js":["inject.bundle.js"],
"run_at":"document_end"}],
"manifest_version":2,
"content_security_policy":"script-src 'self' 'unsafe-eval'; object-src 'self'",
"description":"prettier chrome extension",
"version":"0.1.0"}
Similar Extensions
Prettier 1,000+ 4 ★ 3.79MiB
HTML Formatter 1,000+ 2 ★ 1.57MiB
Code Formatter - JSON, CSS & JavaScript 1,000+ 15 ★ 1.38MiB
Raw Code Formatter 1,000+ 3 ★ 181KiB
Pretty Js 1,000+ 8 ★ 1.75MiB
Code formatter 1,000+ 5 ★ 316KiB
Source Code Formatter & Beautifier 1,000+ 1 ★ 253KiB
code runner 1,000+ 7 ★ 1.4MiB
Code Beautifier (JS, CSS, HTML) 1,000+ 1 ★ 222KiB
Pretty HTML | CSS | XML 1,000+ 12 ★ 1.55MiB
Prettier JS 1,000+ 1 ★ 239KiB
Rainbow Brackets 1,000+ 7 ★ 532KiB
Code Formatter 1,000+ 35 ★ 5.9MiB
JSBeautify for Google Chrome™ 1,000+ 52 ★ 37.22KiB
Live Server Web Extension 1,000+ 62 ★ 429KiB
Leetcode format 1,000+ 30 ★ 2.42MiB
OctoLinker 1,000+ 110 ★ 184KiB
Codext 1,000+ 4 ★ 2.48MiB
Beautifer & Minify 1,000+ 5 ★ 430KiB
Contributors on Github 1,000+ 5 ★ 15.6KiB
Git History Browser Extension 1,000+ 8 ★ 19.4KiB
github npm stats 1,000+ 4 ★ 65.86KiB
github-vscode-icons 1,000+ 16 ★ 1.71MiB
npmhub 1,000+ 19 ★ 77.19KiB
User reviews
Anita Ihuman (ID: 000000b32c75c9a0) Voted 5 ★ - Updated 08/17/2020
Konstantin K. (ID: 000000b38fa78141) Voted 3 ★ - Updated 04/19/2018
