一、格式化策略

用eslint做代码检查和格式化是很方便的东西;
这里我们使用vscode完成这些操作;
在代码保存的时候,顺便完成格式化操作


1)装上eslint和prettier插件

2)装完插件之后,我们需要配置一下

打开 文件 => 首选项 => 设置
然后我们点击右上角把GUI的配置页转化为json配置

请添加图片描述

转化为json之后就可以在配置项的最后加上:

"prettier.eslintIntegration": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},

最后正常写代码的时候只要ctrl + S,就可以将代码保存

二、卡顿问题解决

1.将 Volar 更新到最新版本

2.禁用内置 TypeScript 扩展 设置为禁用(工作区)

到插件部分搜索框内输入@builtin Typescript
将“JavaScript 和 TypeScript 的语言功能“禁用掉
然后另外一个basic的我们保留
请添加图片描述

3.重新加载vscode,然后打开任意vue文件触发Volar激活(在 0.28.4 中不再需要)。
建议阅读 GitHub讨论# Use Take Over Mode instead of TS Plugin

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐