使用VSCode编写vue项目时安装了Vetur插件，但是每次alt+shift+f格式化代码的时候就有点让人头疼， 缩进自动变成了2个空格（习惯了用4个空格缩进，不同层级的代码看着明显一点），js代码末尾自动加了分号，js的一些字符串值原本的单引号变成了双引号 Vetur文档 { "vetur.f
原创
2021-07-09 15:00:13
3209阅读
1. Vetur:格式化代码、高亮、代码格式检测、自带Emment、括号自动补全(vue不用装).Features:
①. Syntax-highlighting
②. Snippet
③. Emmet
④. Linting / Error Checking
⑤. Formatting
⑥. IntelliSense
⑦. Debugging
⑧. Framework Support for E
原创
2023-10-20 10:23:47
120阅读
项目打包完 十分巨大 首页加载什么缓慢 尤其项目做了单点登录 中间空白页面的时间太长 必须 要进行优化1.懒加载当打包构建应用时 JavaScript 包会变得非常大 影响页面加载 路由懒加载 最常用 也是最有效的方法如果您使用的是 Babel，你将需要添加 syntax-dynamic-import 插件，才能使 Babel 可以正确地解析语法。cnpm install @babel/plugi
目录 前言一 eslint1.1. 局部安装eslint1.2 初始化配置文件1.3 安装步骤1.3.1 ESLint 风格 选Use a popular style guide1.3.2 遵循哪个标准 选Airbnb1.3.3 是否支持 React 选 y1.3.4 配置文件格式 选JSON 或 JavaScript1.3.5 提示安装依赖的库 选 y1.3.6 pakage.json文件会
# 基于VSCode结合Vetur+ESlint+Prettier统一Vue代码风格基于VSCode结合Vetur+ESlint+Prettier统一Vue代码风格插件安装安装Vetur，ESlint， Prettier - Code formatter插件安装方法（安装ESlint插件为例）：File -> Preferences -> Extensions，打开如下界面，搜索目标插
转载
2021-03-14 19:06:51
1341阅读
2评论
# 基于VSCode结合Vetur+ESlint+Prettier统一Vue代码风格
原创
2021-06-01 10:44:09
788阅读
该配置用于vue开发，最终效果是保存时自动根据eslint对js、html和css代码进行格式化。vscode Vetur插件Vetur插件用于识别vue文件，原本vetur自带格式化功能，但是和eslint会有冲突，所以没用上。vscode ESlint插件Eslint插件用于根据工程目录的.eslintrc.js配置文件在编辑器中显示一些错误提示，后面的自
转载
2021-12-04 14:22:36
797阅读
settings.json 配置代码{ "workbench.iconTheme": "material-icon-theme", // 指定工作台中使用的文件图标主题 "window.zoomLevel": 0, // 调整窗口的缩放级别，原始大小是 0 "editor.formatOnSave": true, // 在保存时格式化文件 "editor.tabSize": 2,
转载
2021-07-21 15:22:00
2235阅读
2评论
这个文档 不涉及eslint 只专注自动格式化 格式化个性化需求： js中 自动去分号 js中 双引号变单引号 最大空换行数 是2 vue template中 属性自动折行 vue 的自动格式化 需要用到vetur插件，它可以对vue的 template script css 单独进行设置 sett
原创
2022-08-29 15:59:33
804阅读
目录1. eslint1. 使用vscode eslint插件2. 安装eslint包，运行eslint命令， 3. .eslintignore 文件忽略eslint检验的文件4. .eslintrc.js2. eslint vs prettier1. eslint我们的项目中经常有eslint + prettier，用来规范和校验js代码，用prettier用来格式化代码es
话不多说先上图 俗话说：面向百度编程，这话是没错滴，找不到相同问题的博客至少你还可以找谷歌翻译 以上图片问题就是：你导入的组件的相对路径不对。（有可能是你手动敲进去的，然后vetur这边检测不到） 解决方法 把负责到的相对路径直接覆盖源代码里的路径。 然后打开vscode的设置，打开扩展内的Vetu ...
转载
2021-07-12 13:47:00
2145阅读
2评论
1.删除 C:\Users\Administrator中的.vscode文件夹2.重新安装vscode3.安装vetur插件，此时可以正常使用
原创
2021-11-22 17:53:32
2075阅读
问题原因Vetur(v0.35.0) 暂不支持ts问题解决使用 Volar 以取代 Vetur
原创
2022-09-13 12:22:26
6437阅读
需求 自动格式化需求 多行回车 合并一行，去分号 最后一个逗号，自动删除，符=
原创
2022-08-29 16:12:33
540阅读
我已经有一段时间没有看Vetur了。问题和公关正在堆积。我刚刚对所有问题进行了分类，但是我希望大约需要两个月的时间来审查所有PR，并修复大多数错误。因此，我决定写这篇文章为您提供一些更新...
原创
2021-07-14 11:00:01
109阅读
vscode 现在是前端开发主流的编辑工具，在使用过程中难免会遇到代码风格不统一导致的各种问题，如果你也有这方面的困扰，请仔细阅读这篇文章，或许对你有很大的帮助。
一、什么是Eslint 通过查看eslint官网（官网传送门），我们就可以知道，eslint就是一个用来识别 ECMAScript/JavaScript 并且按照规则给出报告的代码检测工具
系列文章目录Vue基础篇一：编写第一个Vue程序Vue基础篇二：Vue组件的核心概念Vue基础篇三：Vue的计算属性与侦听器Vue基础篇四：
原创
2022-08-31 17:24:08
379阅读
vetur volar 是否可以共用，vue2 vue3项目 如何同时开发？ 先提问 以后
原创
2022-08-29 16:04:54
1924阅读
我已经有一段时间没有看Vetur了。问题和公关正在堆积。我刚刚对所有问题进行了分类，但是我希望大约需要两个月的时间来审查所有PR，并修复大多数错误。因此，我决定写这篇文章为您提供一些更新...
原创
2022-03-28 17:21:46
148阅读
