详细说明构建VScode编辑器vue环境中遇到的问题的解决方案

前言

为什么选择VScode？

之前用过威震、网络风暴、atom、括号、eclipse、HBuilder、记事本等等。应该有一些编辑用过几次，但是我记不清了。他们的功能无非是——求快速发展。基本上，他们自带代码提示插件。随着项目越做越大，出现了一系列的问题，而这些问题会浪费我们很多的时间(我们只想要简单的编程)，所以编辑器插件的数量和支持程度就成为了我们选择一个编辑器的重要条件，这也是我们为什么选择VScode的原因，它有大量的插件，可以帮助我们完成一些不需要浪费时间去做的事情，比如代码紧缩，添加分号等等。

VScode的优势

有大量的插件供我们跨平台选择，支持mac和windows的简单配置，json语法，开发通用主题换肤，随意引入vue常用(或非常用)插件vetur:用于vue语法高亮显示。

更漂亮：格式化代码

代码检查

美化：代码美化插件，格式化html

目前这些插件已经足够了！稍后将添加其他插件

关于配置插件的常见问题摘要

iview x的标签错误-无效-结束标记

{"vetur。验证。模板" : false}格式化代码时，模板中的标记属性也会换行(ps。属性不换行)

{ ' vetur . format . defaultformatter . html ' : ' js-美化-html '，' vetur . format . defaultformateroptions ' : { ' js-美化-html ' : { ' wrap _ attributes ' : ' auto ' }，' prettyhtml ' : { ' printWidth ' : 120，保存自动格式为'单引号' 3360 false，' wrap attributes ' :

{//Autofix ' es int . validate ' :[' JavaScript '，' JavaScript react '，{'language' :' html '，' autofix' : true}必须配置为自动保存。{'language' :' vue '，' autofix' : true}]，//保存并自动修复' eslint。autofixonsave ' : true，}以上是边肖介绍的VScode编辑器在搭建VUE环境时遇到问题的解决方案的详细讲解和集成，希望对大家有所帮助。如果你有任何问题，请给我留言。非常感谢您对我们网站的支持！