Vetur使用配置VScode

直接配置到vscode的设置中的settings.json

{// ----------------// vscode默认启用了根据文件类型自动设置tabsize的选项"editor.detectIndentation": false,// 重新设定tabsize"editor.tabSize": 2,// #每次保存的时候自动格式化 "editor.formatOnSave": true,//  #让函数(名)和后面的括号之间加个空格"javascript.format.insertSpaceBeforeFunctionParenthesis": true,// #每次保存的时候将代码按eslint格式进行修复//"eslint.autoFixOnSave": true,以弃用   改成下面的"editor.codeActionsOnSave""editor.codeActionsOnSave": {// #每次保存的时候将代码按eslint格式进行修复"source.fixAll.eslint": true,"eslint.autoFixOnSave": true,},// 启用eslint作为格式化程序"eslint.format.enable": true,// 添加支持格式//autoFix默认开启，只需输入字符串数组即可"eslint.validate": ["javascript","vue","html"],// #这个按用户自身习惯选择 ， html 使用 beautify"vetur.format.defaultFormatter.html": "js-beautify-html",// #让vue中的js按编辑器自带的ts格式进行格式化 "vetur.format.defaultFormatter.js": "vscode-typescript",// 设置下面这组会执行prettier格式// "vetur.format.defaultFormatter.html": "prettyhtml",// "vetur.format.defaultFormatter.js": "prettier","vetur.format.defaultFormatterOptions": {"wrap_attributes": "force-aligned","js-beautify-html": {// - auto: 仅在超出行长度时才对属性进行换行。// - force: 对除第一个属性外的其他每个属性进行换行。// - force-aligned: 对除第一个属性外的其他每个属性进行换行，并保持对齐。// - force-expand-multiline: 对每个属性进行换行。// - aligned-multiple: 当超出折行长度时，将属性进行垂直对齐。"wrap_attributes": "force-aligned",// #vue组件中html代码格式化样式,可选// "wrap_line_length": 200,// "end_with_newline": false,// "semi": true,// "singleQuote": true},"prettier": {//设置分号"semi": false,//双引号变成单引号"singleQuote": true,//禁止随时添加逗号,这个很重要。找了好久"trailingComma": "none"}},// "explorer.confirmDelete": false,"diffEditor.ignoreTrimWhitespace": true,// "workbench.sideBar.location": "left",// "files.autoGuessEncoding": true,"editor.formatOnType": true,// "editor.defaultFormatter": "dbaeumer.vscode-eslint",// "editor.suggest.snippetsPreventQuickSuggestions": false,
}

Vetur使用配置VScode相关推荐

VSCode Eslint+Prettier+Vetur常用配置
工程里创建文件.eslintrc.js module.exports = {root: true,parserOptions: {parser: 'babel-eslint',sourceType: ...
vscode emmet默认模板_从零开始配置 vscode
我们在进行开发工作时,选择一个顺手好用的编辑器是必不可免的, 其中 vscode 就是一个很好的选择.它能让你大部分的工作都在编辑器内完成, 大大的提高开发效率~ 概述 vscode 内置了前端相关的 ...
ubuntu python_Ubuntu配置VSCode的python和C++环境
VScode是微软发布的一款开源代码编辑器,支持多种语言,以插件的形式提供额外功能.更新频繁,开发社区活跃,是一款很值得学习使用的软件.总结就是免费,还好用- 本文结构: 推荐几款常用到的扩展. 环境 ...
环境搭建：如何配置 vscode 远程开发 + 免密登录
如何配置 vscode 远程开发 + 免密登录 1.在 vscode 中安装 remote development 插件点击: Extensions (vscode界面左侧),找到 Remote - ...
Script Lab 续：为 Officejs 开发配置 VSCode 环境
垫场AA:深度:从 Office 365 新图标来看微软背后的设计新理念 -------------------------------------------------- 前期01:尝试:Scri ...
ubuntu20.04下安装vmshare tools_Go语言的安装与配置-vscode
vscode是比较好用的,虽然goland自带插件但是收费,所以配置vscode虽然麻烦但是也值得. Step1.下载安装vscode和golang Download Visual Studio Co ...
vscode linux新建c语言,Ubuntu16.04下配置VScode的C/C++开发环境
1. Vscode安装 Visual studio code是微软发布的一个运行于 Mac OS X.Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器.第一种 ...
Mac 配置vscode调试PHP
Mac系统版本:MacOS Mojave 10.14.5 vscode:1.36.0 MacOS Mojave 10.14.5 系统自带 PHP 7.1.23 1.开启php sudo vim / ...
虚拟机linux配置vscode
本次记录ubuntu下配置vscode 1.下载VSCode包下载地址:Download Visual Studio Code - Mac, Linux, Windows 注意ubuntu的格式是 ...

Vetur使用配置VScode

Vetur使用配置VScode相关推荐

最新文章

热门文章