This is really a good thing. In the future, I will not be afraid of JS files without any format. I tried it and it was very fast.
Thanks to Wang Xiang, the author of expansion, for his own exposure.
Jsbeautifier is a chrome extension made for front-end developers. When you click the JS file address, you can directly view the compressed JavascriptCode.
Click here to go to the project homepage and click here to install the
Recently in a can only send mail to him, can not go outside any Internet place to work, with Sublimetext to install a sublime plug-in Jsformat very troublesome. Always report a virus with a Gmail mailbox.At the end of each attempt, it was found that the two test folders in the Jsbeautify folder contained something that was identified by the mail system as a virus. And in this company I estimate the same as Gmail's mailbox recognition Mechanism.The first two days to try to use QQ mailbox sent, bu
JavaScript programming Language
Jsbeautifier
Airbnb JavaScript Style Guide
JSON Generator
JSON Generator–tool for generating random JSON data
General front-end development and the habit of front-end Practices/conventions
Isobar
Being A Web Developer
Front End Dev Guidelines
HTML and CSS Code guide
Performance Tuning Tools
Charles
Webpagetest
Pagespeed Insights Browser
Jsformat configuration file: {//Exposed Jsbeautifier Options"Indent_with_tabs":false, //Keep line breaks"Preserve_newlines":true, //keep 22 newline characters in maximum succession, that is, there is a blank line"Max_preserve_newlines": 2, //there are spaces before the conditional statement"Space_before_conditional":false, //parentheses Add spaces"Space_in_paren":false, //Add a space after the parentheses of the function //"Space-after
One requirement today is to format the output JSON
The first thing that comes to mind is the Jsbeautifier widget.
A search for a friend replied Json.stringify can output a formatted JSON string
Copy Code code as follows:
Json.stringify (jsobj, NULL, "T"); Indent a tab
Json.stringify (Jsobj, NULL, 4); Indent 4 Spaces
Mmm, good.
PS: About JSON operation, here we recommend a few more practical JSON online tools for your reference to
This article mainly records the tips for formatting the output json used in a project. It is also shared by a friend. Here, we can mark it and refer to it if you need it. One requirement today is to format the output JSON.
The first thing that comes to mind is small plug-ins such as jsBeautifier.
After searching, a friend replied that JSON. stringify can output formatted JSON strings.
The Code is as follows:
JSON. stringify (jsObj, null, "\ t
JavaScript programming Language
Jsbeautifier
Airbnb JavaScript Style Guide
JSON Generator
JSON Generator–tool for generating random JSON data
General front-end development and the habit of front-end Practices/conventions
Isobar
Being A Web Developer
Front End Dev Guidelines
HTML and CSS Code guide
Performance Tuning Tools
Charles
Webpagetest
Pagespeed Insights Browser
Document directory
Step 1
Step 2
Step 3
How to start Step 1
Select an extended representation based on the purpose and product features:
Interface
Performance
Introduction
Page action
Address bar icon, click to open the new tab page or content Injection
Applicable to features that only make sense to a few pages (such as RSS subscriptions ).
Browser action
Toolbar icon, click to open a popup layer or new tab page
Applicable to meaningful featu
trouble, and if that may make a lot of friends can not normal copy code, if you like highlighting, You can copy the code to some editors or tools with formatting code to implement it.
Yun-Habitat community on the right side of the article for everyone to organize a number of JS or other language formatting tools.
You can choose according to your needs.
CSS online compression format (Chinese)
CSS Format finishing tool (English)
CSS shaping format
JavaScript Format Collation Tool
compression, JS code format, JSON viewer: JSMINNPPPlug-in Features: Includes three features:
JS Code compressionJS Code formatting functionJSON code Viewer, displayed in a tree-like listPlug-in uses: Three and a functional plug-in, is very convenient to use.
Plug-in Installation:
Refer to section 1.3.2.1 "Manual Install plugin", go to jsminnpp download Jsminnpp.1.11.2.uni.zip, extract JSMinNPP.dll copy to plugin directory.
To try, really good: JS code compressionJS Code formatting functionJSON
packages, allowing you to open the code base or document of the node package directly in VS code.
Search node_modules: Usually the node_modules folder is not in the default search scope, this plugin allows you to search for it. Source: Vscode-search-node-modules.
Import Cost: Displays the size of the imported package. Source: Import-cost.
5. Code Formatting Plugin
Sometimes, you find yourself writing code that is less than ideal for a previously written style. To save time
Contact Us
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.