博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vscode 配置
阅读量:6381 次
发布时间:2019-06-23

本文共 1241 字,大约阅读时间需要 4 分钟。

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根据代码提示上下键选择到带有“代码片段”的选项回车。就会出来预设的代码啦,


持续更新中。。。

转载于:https://juejin.im/post/5b98b073f265da0ac66937b3

你可能感兴趣的文章
趁热打铁
查看>>
replace、replace into、replace into DUPLICATE KEY UPDATE用法
查看>>
AngularJS 2 Provider
查看>>
Linux系统信息查看命令大全
查看>>
我的友情链接
查看>>
字节与字符有什么区别
查看>>
hadoop 分布式环境搭建处理
查看>>
CSS常用命名
查看>>
MogileFS分布式文件系统安装与配置
查看>>
CSS系列:CSS文字样式
查看>>
web前端学习
查看>>
MySQL之账号管理
查看>>
ganglia3.6.1+jmxtrans+strom-0.9.4集成
查看>>
EDM邮件营销的背景和市场分析
查看>>
Service与Activity通信
查看>>
ASP.NET MVC POST model时为空
查看>>
实验三 为web站点配置ssl java
查看>>
Nginx开启目录浏览、下载、流控、访问限制功能
查看>>
大话高可用集群之概念篇
查看>>
我的友情链接
查看>>