Vue开发

主要利用vetur这个插件。下面介绍一些vetur的配置等

格式化

// html 默认为none
"vetur.format.defaultFormatter.html": "js-beautify-html" ,
// js 默认为prettier,但是prettier一些格式化规则过于严苛。也有可能是我自身理解不足。
"vetur.format.defaultFormatter.js": "vscode-typescript",
// scss,css 同理
"vetur.format.defaultFormatter.scss": "prettier"

vutur校验

"vetur.validation.template": false

eslint 校验

"eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue"
  ]

eslint 增加vue，即可对vue中的js进行校验。

vscode 首选项的一些配置（主要关于VUE）
Vue开发主要利用vetur这个插件。下面介绍一些vetur的配置等格式化 vutur校验 eslint 校验...
增加vue模板快捷键，以及方法注释快捷键的总结
一、Vscode配置 1、进入首选项=>用户配置代码片段=>javascript 2、=>vue 在页面输入pre...
手写的npm包
此指令主要是运用于vscode开发vue项目新建时生成eslint的一些配置配合上vscode商店的（ESLint...
vs code 设置
VSCode首选项配置以下为stylus配置 eslint配置加上：插件列表 Prettier - Code ...
vetur插件提示[vue-language-server] E
更改vetur配置: vscode->首选项->设置->搜索（vetur）
Eslint常用配置
1. vscode配置 ESLint 安装Eslint插件点击文件 > 首选项 > 设置，打开 VSCode...
vscode设置一键生成vue的template模板
1、下载vscode vscode官网 2、设置一个代码模板片段文件-->首选项-->用户代码片段-->vue....
VScode如何快速生成.vue文件的模板
选择VScode顶部菜单：文件 -> 首选项 -> 用户代码片段；在弹出的输入框中输入vue，选择vue.jso...
封装代码块
在vscode的文件>首选项>用户代码片段 1.比如说要封装vue代码片段，输入vue在vue.json进行写。 ...
代码保存时自动格式化
代码保存时自动格式化使用 vscode自带配置在vscode主界面-->文件-->首选项-->设置在弹窗中搜索...