使用visual code 开发vue工程常见问题
visual code 是一款功能强大且轻巧的免费代码编辑器，可轻松的将代码部署到Azure。支持多种语言和文件格式的编写，截止2019年9月，已经支持了如下37种语言或文件。本篇文章将持续更新在开发vue项目的过程中使用的问题。
Visual Code 如何格式化.vue 文件
-
在Visual Code 应用商店中找到Vetur并安装。
image.png
-
安装完成后，进入File>Preferences>Settings设置选项，搜索Verur,设置Vetur>Format>Default Formatter:HTML选项为js-beautify-html.
image.png
-
通过Alt+shift+F即可进行格式化
Eslint 检查.js、.vue文件tab空格问题，
在代码编译检查时会出现Expected indentation of 4 spaces but found 8,看下面图片：
image.png
1.第一种屏蔽代码工程中使用的插件eslint
看其他人博客https://www.cnblogs.com/IwishIcould/p/11879386.html
[https://www.cnblogs.com/matd/p/13036361.html]、
2.修改Alt+shift+F 格式化空格，将原来的4个空格变成两个。
操作步骤，打开File>Preferences>Settings，收缩tabsize,取消Detect Indentation,将Tab size设置为2。
image.png
网友评论