eclipse怎么格式化js代码

JavaScript010

eclipse怎么格式化js代码,第1张

方法/步骤

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

模板中