详解VS代码使用之Vue工程配置格式代码格式化

　　

编辑器另外一个很重要的功能就是代码格式化了,VS代码默认提供常见文件的格式化,如. js, . html等。

　　

<强>添加对。vue文件的格式化支持
　　

　　

这里我们添加对.vue文件的格式化支持。
　　1. 安装Vetur插件
　　2. 在VS代码的设置中添加如下规则:

　　 　　 　　｛ 　　" vetur.format.defaultFormatter ": { 　　“html”:“漂亮”, 　　“css”:“漂亮”, 　　“postcss”:“漂亮”, 　　“scss”:“漂亮”, 　　“少”:“漂亮”, 　　“js”:“漂亮”, 　　“t”:“漂亮”, 　　“笔”:“stylus-supremacy” 　　｝ 　　｝ 　　之前 　　 　　

这里是设置Vetur默认使用的格式化插件漂亮。这样对于。vue文件中的html和javascript代码都有格式化支持了。

　　

<强>使用符合ESLint规范的格式化
　　

　　

1,使用漂亮格式化js文件
　　

　　

可以设置漂亮在格式化的时候,读取项目的.eslintrc的配置,对js代码进行格式化。

　　

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

　　
    　　<李>首先为VS代码安装漂亮的插件 　　<李>在VS代码的设置中添加如下配置 　　
      　　<李> json李 　　<李>“prettier.eslintIntegration”:真正的李 　　
    　　李 　　
　　

2对。vue文件的格式化
　　

　　

漂亮的插件对.vue文件格式化时,暂不能支持将eslint规范应用到js代码中。
　　

　　

但是我们可以先将其格式化,然后利用ESLint保存文件时自动修复错误的特性,修复一些诸如分号,空格、缩进等错误。
　　

　　

参考资料:
　　

　　

——Vetur 　　

本文首发于我的github
　　

　　

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

详解VS代码使用之Vue工程配置格式代码格式化