1
首先,我们得找一段Javascript代码,这个我写一个示例,写一个没有任何格式的Javascript代码
【function test(){console.log(1)console.log('test')}】
2
接下来我们打开浏览器,然后打开百度首页【http://www.baidu.com】
步骤阅读
3
我们直接在百度输入框里输入【JS格式化】,JS是Javascript的简称,也是Javascript文件的后缀名,输入后点击【百度一下】
4
从搜索结果中可以看到,百度确实搜索很人性化,直接给我门推荐一些在线的小工具,那么我们就直接点击第一个应用
5
打开应用后界面很简单,就是一个大大的输入框,让你输入想要格式化的内容,下面也有一些按钮,其中一个【格式化】使我们关心的
6
现在,我们将准备好的JS代码复制到输入框中
7
接下来,点击【格式化】按钮,看看发生什么事情了吧,结果正是我们想要的格式化后的代码,是不是很方便呢,也不需要下载什么多余的软件,直接在线就可以解决了,到此本教程就结束了
最近在做项目时遇到的,有一个功能返回是一个xml文本,需要很友好的显示在html中。
前端的框架是vue。
调研了一些格式化xml的网站找到了答案,发现了两个很好的库:vkbeautify & vue-highlightjs,前者主要是用来格式化xml,后者是将code里的xml都加上标签,这样我们就可以很轻易的通过样式来控制标签的颜色、粗细等样式了。
npm install vkbeautify --save
npm i vue-highlight.js --save
基本使用方法:
首先要在main.js
模板中