风烟

我就去搜索vscode装了什么vue相关的插件，结果发现我不止装了vetur这个插件，还装了vue的插件，这个vue插件卸载之后就好了。分析原因：vscode的vue文件高亮是根据插件来显示的。箭头指的那块是白色的，因为我修复了，所以这块显示正常了。也就是说vue高亮插件装一个vetur这个插件就够了。不知道为什么我的vscode的高亮显示不对，

这些地方显示的都不对，经过搜索发现，打开vscode的设置json进行编辑。加入这一行就可以解决这个问题。保存之后高亮就正常了。我用vscode打开vue文件高亮显示不对。

这样js的跳转可以了，但是发现vue模版中的img src还不行，本人想到另外一个办法就是可以通过快捷键找到，使用。然后搜索这个文件名，就可以找到文件跳转过去查看了。虽然不能直接点击进去查看，但是也比@符号要自己去找强多了。在项目根目录下增加这个文件jsconfig.json，然后重启vscode。

打开设置搜索prevent看看这个选项是否勾选上，勾选上之后再试试

问题背景在使用vscode自动保存的时候发现每次保存格式都有问题。解决问题分析问题保存格式无非就几种vscode的本身的保存格式使用eslint配置的保存格式所以经过分析问题也一目了然了。解决过程经调查原来是vscode的settings.json中即设置了"editor.formatOnSave": true,也设置了"editor.codeActionsOnSave": { "source.fixAll.eslint": true},这样导致先是第一个保存生效

使用默认的vscode使用的prettier vscode 保存代码自动格式化插件在vscode设置里面选中formatOnSave，也可以在setting.json中修改"editor.formatOnSave": true,使用eslint进行自动格式化有时候你的前端项目里面用了eslint，里面有自动格式化的配置，我们想用项目自身的eslint的配置。我们可以采用eslint的格式化，在自动保存时。我们先安装eslint插件然后在vscode里面进行设置"editor.codeAc

Live ServerGitLensTODO HighlightWakaTime

采用鼠标中轮采用alt+shift+鼠标选中

查看默认设置json使用快捷键 Ctrl+Shift+P ，然后搜索setting，但是这个无法修改打开用户设置json点击右上角就可以打开了Vetur配置格式化代码快捷键alt+shift+f格式化代码配置json "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.options.tabSize": 4, "vetur.format.options.useTabs": false

全局全文替换:%s/oldstr/newstr/g指定行单行全行替换:s/oldstr/newstr/g对文件路径做替换:s;/aaa/bbb/ccc/;/ddd/eee/ggg;:%s;/home/test;/usr/local参考链接vim

查找和替换Command + Option + F 替换Command + F 查找Command + G 查找下一个Command + Shift + G 查找上一个Option + Enter 选中所有匹配项Command + D 向下选中相同内容Command + K Command + D 移除前一个向下选中相同内容...

https://stackoverflow.com/questions/43346260/running-the-contributed-commandextension-openwithdefault-failedYou can install “Open in Browser” and press "Ctrl+B".

1.先装插件管理器(Package Control)：https://packagecontrol.io/installation 2.安装插件：Ctrl+Shift+P，输入install，等待几秒后出现插件列表，输插件名再回车就能自动安装。下文插件名加链接的可以点进去学习使用方法。建议安装插件后都进设置菜单配置一下。 删除插件：Ctrl+Shift+P，输入remove package，选

今天早上没事干，受够了sublime给我出的一些问题，现在的3版本中文的文件夹不显示，而且查找功能也不行，在尾部都不能查找前面的，让我很恼火。最近看网上说的最多的前端编辑器就是atom，所以决定尝试一番。  对于一个编辑器来说，当然可以直接用，但是为了提高我们的开发效率，当然得先安装一些插件来提高我们的生产效率。这里首先要安装的就是Emmet这个插件了，这个不用多说，做前端的应该都知道这个插件的功能

拿到一个新的编辑器，我作为前端就说一下我的一个思路。因为有时候换电脑或者换编辑器，其实是一件挺费时间的，这次我换编辑器由于没有思路，导致花了很多时间，所以决定总结一下，优化一下流程方便以后遇到同样的情况可以加快速度。   安装编辑器，然后就是配置了，作为前端，因为你使用的是编辑器而不是IDE所以要安装一些你常用的插件，基本算是前端必备的插件 * emmet: 提高开发效率 * aut