eslint语法标准保存时自动补全
{ "window.zoomLevel": 1, "files.autoSave": "off", "workbench.colorTheme": "Visual Studio Dark", "editor.formatOnSave": false, "editor.formatOnPaste": true, "eslint.enable": true, "eslint.autoFixOnSave": true, "eslint.options": { "extensions": [ ".js", ".vue" ] }, "eslint.validate": [ { "language": "vue", "autoFix": true } ]}复制代码
用户代码片段
在文件中输入某个指令(在用户代码片段中设置),按下回车键生成预设的代码片段
下面以vue为例子 打开方法:打开VSCODE编辑器,依次选择“文件 -> 首选项 -> 用户代码片段”,此时,会弹出一个搜索框,我们输入vue, 在下来框中选择vue,VSCODE会自动打开一个名字为vue.json的文件,复制以下内容到这个文件中:{ "Print to console": { "prefix": "vue",// 表示生成对应预设代码的命令 下面即将用到 "body": [ " ",// 文件生成后光标所在位置 " ", " ", " ", "", "", "" ], "description": "Log output to console" }}复制代码
现在我们新建一个文件“hello.vue”,在这个文件中输入vue,按下回车键,神奇的事情发生了。预设的代码就出现了。
以此类推,我们还可以预设js的代码片段 比如我们预设一个箭头函数,在用户代码片段中搜索JavaScript.json文件。添加以下内容并保存。"Print to func": { "prefix": "func", "body": [ "let fn$0=()=>{", "", "}" ], "description": "Log output to console" }复制代码
在js文件中输入func根据代码提示上下键选择到带有“代码片段”的选项回车。就会出来预设的代码啦,