vue 格式化为什么就这么难

问题： 常有人问起， vue 格式化为什么就这么难？

你所说的这个问题，再来解读下。

对于前端工程师来说， VS Code 是最好的编辑器，没有之一。 既然 VS code 那么深受欢迎，那为什么 对于 vue来说就不灵呢？

暂不说技术问题，也不谈解决方案（网上给出的方案太多了）。 单说它背后的原因：

VS Code 是微软他们家的，是用 TypeScript语言编写的。 VS code支持的最好的前端框架，莫过于 Angular。 为什么这么说呢？ 这是因为， Angular 也是用 TypeScript 编写的。 同一种语言，当然好使。

疑问: Vue 格式化，问题出在什么地方？

vue 是用 javascript 编写的， javascript 编程语言，用一个"乱" 来形容，一点也不为过。或许有人说， Vue 也支持 TypeScript ， 支持归支持， Vue 的全称是什么？ —— 是 Vue.js。 Vue 本身就是用 JavaScript 编写的， 即便是对 TypeScript 支持很好，也是很勉强。 所谓 “勉强”， 就是 打补丁呗。

再来看Angular对 TypeScript的支持，那是天然的，与生俱来的。 可以说， TypeScript 就是为 Angular 而生的。

这么说来， VSCode 就没法对 Vue.js 进行格式化了吗？ 当然可以， 打补丁呗！

小编曾经用 VS Code 进行微信小程序的开发，微信小程序的官方框架——wepy ， 就是一个类似vue 的框架， 为了让 VScode 可以对 微信小程序代码进行格式化，特别需要在VScode 进行以下设置：

VScode使用wpy语法高亮配置

VScode 首选项 ->应用程序-> setting.json 文件中，添加以下代码，再重启 VS Code，就可以了。

"files.associations": {
    "*.vue": "vue",
    "*.wpy": "vue",
    "*.wxml": "html",
    "*.wxss": "css"
},
"emmet.syntaxProfiles": {
    "vue-html": "html",
    "vue": "html"
}

这样做就完了吗？ 当然没有，还得进行 单引号 双引号的设置，没完没了！

写到这里， 禁不住问一句： 是谁说 Vue.js 框架被 Angular 简单？ 咱不说别的，仅仅是一个简单的 VS Code 格式化，没有半天时间搞不定。 把时间花在无为的格式化上，你说烦人不烦人！