第三篇: VSCode关于VUE的插件配置

好吧,万物都逃不过真香定理,几周后又把VUE捡起来了,主要是最近的这个小项目前端也是想用到这个VUE。
首先的话,关于vscode的话可以理解为宇宙第一IDE visual studio的小老弟,主要是轻量级,支持广,插件多。
visual code的下载地址
接下来的话主要说下要使用到的插件
Vetur
语法高亮,错误检查,格式化,自动提示等

Auto close tag
自动关闭标签

Auto rename tag
自动更名标签

Path intellisense
路径自动补全

EsLint
语法纠错

Html CSS Support
智能感知css样式

关于vscode的插件的话,基本安装都要需要重启才会生效

最后说一个关于同步插件的插件Settings sync,有了这个之后就不需要每次更换电脑或重装时重新一个个的安装了,关于这个查询需要用到我们的github

首先去github的网站上创建一个用于同步的token,登录后选择settings-Developer settings

第三篇: VSCode关于VUE的插件配置_第1张图片
image.png

接着选择Personal access tokens,在右侧选择generte new token,输入token的名字后,在下面的选项中只需要勾选gist

第三篇: VSCode关于VUE的插件配置_第2张图片
image.png

最后点击generate token创建,将生成的token的文本复制

第三篇: VSCode关于VUE的插件配置_第3张图片
image.png

接着返回到vscode中,使用快捷键alt+shift+u,将刚刚的文本粘贴进去

第三篇: VSCode关于VUE的插件配置_第4张图片
image.png

好了,我们的插件配置就已经被同步到github上了
之后需要使用的话使用alt+shift+d进行下载

如果之前的token粘贴有问题的话,使用ctrl+p输入>sync选择重置即可

第三篇: VSCode关于VUE的插件配置_第5张图片
image.png

你可能感兴趣的:(第三篇: VSCode关于VUE的插件配置)