VScode更新后安装vetur仍无法格式化vue文件的解决

目录
  • VScode更新后安装vetur仍无法格式化vue文件
  • vscode 无法格式化 .vue文件和js格式化错误
    • 一句搞定

VScode更新后安装vetur仍无法格式化vue文件

1.删除 C:\Users\Administrator中的.vscode文件夹

2.重新安装vscode

3.安装vetur插件,此时可以正常使用

vscode 无法格式化 .vue文件和js格式化错误

1.如题,在网上查了很多配置,也试了很多组合,死活无法格式化vue文件,最后

一句搞定

"[vue]": {
 
    "editor.defaultFormatter": "octref.vetur"
}

上面的配置添加到setting.json里面就好

2.如果js格式化不好看或不对劲,则试试`npm install -g eslint`安装eslint。

以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们。

(0)

相关推荐

  • VScode 隐藏大量无用的文件比如在看Linux kernel或boot时候

    目录 1. VScode 工程创建 2. 使用步骤 3. 在Linux kernel中,要忽略掉的内容 1. VScode 工程创建 先在 Ubuntu 下编译一下 uboot,然后将编译后的 uboot 文件夹复制到 windows 下,并创建VScode 工程.打开 VScode,选择:文件->打开文件夹…,选中 uboot 文件夹,如图所示: 点击“文件->将工作区另存为…”,打开保存工作区对话框,将工作区保存到 uboot 源码根目录下,设置文件名为“uboot” 2. 使用步骤 保存

  • vscode扩展代码定位实现步骤详解

    目录 前言 整体思路 文件查询 项目内查询 已打开文件中 内容查询 根据内容查询 根据所在行数(+文件名)查询 语言层面查询 符号(变量)查询 函数.类.接口的声明与实现(调用) 前言 欢迎来到 vscode 的世界,本文目标为科普 vscode 中关于[代码定位]的一些设计理念,其实就是查询,但查询是个很庞大的话题,想想自己找半天还找不到正确位置的烦恼? 想想我们的日常搜索,基本上就是cmd/ctrl + F在当前文件根据关键词进行搜索,或者cmd/ctrl + shift + F在整个项目进

  • VsCode运行html界面的实战步骤

    目录 前言 1.安装插件open in browser的步骤 2.总结 前言 一般我们安装VSCode需要安装很多插件,在VSCode中默认编写的HTML页面是不能运行的. 新手在使用VSCode会遇到类似这种问题:鼠标右键后并没有找到 "Open in default brower" . 这时我们需要安装一个插件open in browser: 1.安装插件open in browser的步骤 1.打开vscode软件→点击左侧第五个图标→搜索open in brower→下载,如下

  • VSCode 搭建 x264 源码调试环境的详细步骤

    目录 1.下载 x264 2. 使用上一节介绍的方法为 x264 生成支持 debug 的 x264.exe 3. 在 VSCode 中打开 x264 源码文件夹 4. 创建并配置 launch.json 4.1 创建 launch.json 4.2 配置 launch.json 的 gdb.exe 路径 4.3 配置 launch.json 的 x264.exe 路径 5. 创建并配置 tasks.json 5.1 创建 tasks.json 5.2 配置 tasks.json 的 gcc.e

  • 超详细VScode调试教程tasks.json和launch.json的设置

    运行环境: VSCode 1.68.1 wsl:ubuntu子系统 废话不多说,直接开整,首先选择左侧任务栏的第四个选项运行和调试,点击创建launch.json 创建好的界面如上图所示.点击右下角的添加配置 此时如上图所示,选择第一个c/c++(gdb)启动 此时会生成如上图所示代码,注意我画箭头的这两个地方,那个cwd是我们当前文件所在的工作目录,把画箭头的这两个地方改成一样的 改完后如上图所示,后面的a.out是我们一会儿要调试的可执行文件名称,这里用系统生成的也行,改成自己的也行,接下来

  • VScode更新后安装vetur仍无法格式化vue文件的解决

    目录 VScode更新后安装vetur仍无法格式化vue文件 vscode 无法格式化 .vue文件和js格式化错误 一句搞定 VScode更新后安装vetur仍无法格式化vue文件 1.删除 C:\Users\Administrator中的.vscode文件夹 2.重新安装vscode 3.安装vetur插件,此时可以正常使用 vscode 无法格式化 .vue文件和js格式化错误 1.如题,在网上查了很多配置,也试了很多组合,死活无法格式化vue文件,最后 一句搞定 "[vue]"

  • VSCode无法打开源文件及无法打开链接库文件的解决方法

    目录 一.无法打开源文件 二.无法打开文件“XXX.lib” 一.无法打开源文件 依次点击“项目——配置属性——C/C++——常规”,在“附加包含目录”中加入.h文件所在的文件夹路径 二.无法打开文件“XXX.lib” 1.依次点击“项目——配置属性——链接器——常规”,在“附加库目录”中加入.lib所在的文件夹的路径 2.方法①:在“链接器”中找到“输入”,在“附加依赖项”中加入需要加入的xxx.lib;(要用;和其他链接库分隔开) 方法②:也可以用代码的方式链接进来 #pragma comm

  • VSCode的使用配置以及VSCode插件的安装教程详解

    配置篇 打开设置界面 许多设置都需要在设置界面进行,所以想要配置第一步就应该是打开设置界面. 1> 鼠标操作打开.File --> Preferences --> Settings 2> 界面左下角的设置图标 打开设置有的是代码视图,有的不是,可以通过设置右上角的三个点进行切换. tab键的缩进控制 VSCode默认的tab键是缩进4个空格,但是有很多时候我们需要修改这个缩进,如vue用ES6的时候缩进4个空格会报错,这里我们就可以修改这个配置. 首先就是打开设置 直接搜索 tab

  • vscode下的vue文件格式化问题

    我相信基本上每一个在vscode上面码Vue代码的都会下载Vetur插件用来格式化等操作,今天Vetur更新了 0.14.2 版本,最近在使用的时候,感觉格式化总是出问题,去Vetur上面看了下,发现Vetur的配置做了下面的改动,看到几个社区都没有人说明,我就先说下,默认的格式化配置是: { "vetur.format.defaultFormatter.html": "prettyhtml", "vetur.format.defaultFormatter

  • Python 如何批量更新已安装的库

    众所周知,升级某个库(假设为 xxx),可以用pip install --upgrade xxx 命令,或者简写成pip install -U xxx . 如果有多个库,可以依次写在 xxx 后面,以空格间隔.那么,如何简单优雅地批量更新系统中全部已安装的库呢? 接下来我们直奔主题,带大家学习几种方法/骚操作吧! 方法一:pip list 结合 Linux 命令 pip list 命令可以查询已安装的库,结合 Linux 的一些命令(cut.sed.awk.grep--),可以直接在命令行中实现

  • iOS 11更新后及iPhone X推出后工程中遇到的问题及适配方法

    1.UITableView滑动时右侧的滑动条忽长忽短的乱跳以及MJRefresh上拉刷新死循环 这是因为tableView在iOS11默认使用Self-Sizing,tableView的estimatedRowHeight.estimatedSectionHeaderHeight.estimatedSectionFooterHeight三个高度估算属性由默认的0变成了UITableViewAutomaticDimension,MJRefresh的KVO会监听错误的contentoffset,造成

  • iOS Xcode8更新后输出log日志关闭的方法

    刚把Xcode更新到最新的8,一运行发现好多log输出,根据如下操作可以关掉这些log日志,点击项目Edit Scheme - Run - Arguments - Environment Variables里添加:Name:OS_ACTIVITY_MODE  Value:disable 如图: 以上所述是小编给大家介绍的iOS Xcode8更新后输出log日志关闭的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的.在此也非常感谢大家对我们网站的支持!

  • Android开发之APP安装后在桌面上不显示应用图标的解决方法

    本文实例讲述了Android开发之APP安装后在桌面上不显示应用图标的解决方法.分享给大家供大家参考,具体如下: 一.问题: 前几天在写项目的时候运行的时候突然Android桌面上没有了应用图标,但是应用里面下载的应用有.调试版本和发布正式的版本都没有,之前以为是因为用了不同的keystore发布了两个不同的正式版本造成的问题.后来在看别人的文章才知道是什么问题. 二.分析: 原因就是activity中的intent-filter用了不同的data和action属性.intent-filter必

  • Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法

    1. 引入jquery和vue.js <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript" src="http://cdn.bootcss.com/vue/2.2.2/vue.min.js"

  • Python3 全自动更新已安装的模块实现

    1. 手动操作 1.1. 显示模块 pip list 1.2. 显示过期模块 pip list --outdated 1.3. 安装模块 pip install xxx 1.4. 升级模块 pip install --upgrade xxx 2. 自动操作 手动敲命令升级有点儿麻烦(特别是需要更新的模块比较多时),而我们完全可以用代码简单地实现全自动升级. 代码可以至GitHub下载,也可以复制本文中的代码: autoUpgradePythonModules.py: import subproc

随机推荐