1.1.3 • Published 9 years ago
vue-beautify v1.1.3
###notice
if you want to use the origin js-beautify to format *.vue。just use the cli: html-beautify
and api: beautify.html
;
remember not to forget to set the value of options.unformatted and excluded the template
tag. By Default, js-beautify will not format the template
tag.
for example$pwd: in the test dirctory:
// in .jsbeautifyrc
{
"unformatted": ["a","abbr","area","audio","b","bdi","bdo","br","button","canvas","cite","code","data","datalist","del","dfn","em","embed","i","iframe","img","input","ins","kbd","keygen","label","map","mark","math","meter","noscript","object","output","progress","q","ruby","s","samp","select","small","span","strong","sub","sup","svg","textarea","time","u","var","video","wbr","text","acronym","address","big","dt","ins","small","strike","tt","pre","h1","h2","h3","h4","h5","h6"],
"indent_scripts": "keep"
}
// cli
html-beautify folder/* -r
see the js-beautify-options
##for using vue-beautify, you have no necessary set the unformatted
options
###brief
a formatter for vue module use js-beautify
<style>
// **
</style>
<template>
// **
</template>
<script>
// **
</script>
###install
npm install -g vue-beautify
npm install vue-beautify
###usage
cli
you can use the same cli-params as js-beauty , and alse the .jsbeautifyrc
config file.
vue-beautify test.js
vue-beautify ./src/* -r -S=keep
also if you have .jsbeautifyrc
{
"indent_scripts": "keep"
}
you can use
vue-beautify ./src/* -r
commonjs
var vueBeautify = require('vue-beautify');
var options = {
// the same as 'js-beautify' options
}
fs.readFile(filePath, 'utf8', function(err, data) {
var result = vueBeautify(data, options);
console.log(result);
});
###here are some options i recommend when you use vue-beautify
{
"intent_scripts": "keep"
}