vscode常用插件及setting.json备份

1.Vetur:可以将“.vue”文件中的语法进行高亮显示
如:
!](https://img-blog.csdnimg.cn/20210423162822491.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzQ2NDIzNzcx,size_16,color_FFFFFF,t_70)

2.GitLens:可以查看到每一行代码的日志
如:
在这里插入图片描述
3.Auto Close Tag:HTML自动闭合标签
4.Auto Rename Tag:自动重命名成对的HTML/XML标记
5.Git History:查看git日志,文件历史,比较分支或提交
6.JavaScript (ES6) code snippets:这个扩展包含了Vs code编辑器的ES6语法的JavaScript代码片段(同时支持JavaScript和TypeScript)
7.jQuery Code Snippets:覆盖130个jQuery代码片段
8.Aspecto:好像是可以看到api的相关信息【不知道咋用,感觉没什么用】
9.Colonize:在行尾添加分号,在行尾添加换行符【不太喜欢这种格式的】
10.env-cmd-file-syntax:在.env的文件中语法高亮【好像也不咋实用】

setting.json内容备份===>>
{
“window.zoomLevel”: 1,
“search.followSymlinks”: false,
“editor.formatOnSave”: true,
“editor.codeActionsOnSave”: {},
“emmet.syntaxProfiles”: {
“javascript”: “jsx”,
“vue”: “html”,
“vue-html”: “html”
},
“editor.tabSize”: 2,
“files.associations”: {
“*.vue”: “vue”
},
“search.exclude”: {
“/node_modules”: true,
“/bower_components”: true,
“**/dist”: true
},
“git.confirmSync”: false,
“javascript.implicitProjectConfig.experimentalDecorators”: true,
“editor.renderWhitespace”: “trailing”,
“editor.cursorBlinking”: “smooth”,
“editor.minimap.enabled”: true,
“editor.minimap.renderCharacters”: false,
//“editor.fontFamily”: “‘Droid Sans Mono’, ‘Courier New’, monospace, ‘Droid Sans Fallback’”,
“window.title”: “d i r t y {dirty}dirty{activeEditorMedium}s e p a r a t o r {separator}separator{rootName}”,
“editor.codeLens”: true,
“editor.snippetSuggestions”: “top”,
“editor.fontWeight”: “normal”,
“editor.fontSize”: 14,
“editor.rulers”: [
//代码长度
120
],
“workbench.iconTheme”: “vscode-icons”,
“workbench.colorTheme”: “Default Light+”,
“terminal.integrated.shell.windows”: “C:\Windows\System32\WindowsPowerShell\v1.0\powershell.exe”,
“gitlens.modes”: {},
“html.format.contentUnformatted”: “”,
“workbench.editor.enablePreview”: false,
“git.suggestSmartCommit”: false,
“git.autofetch”: true,
“workbench.startupEditor”: “newUntitledFile”,
“explorer.confirmDelete”: false,
“[vue]”: {
“editor.defaultFormatter”: “octref.vetur”
},
“vetur.format.defaultFormatterOptions”: {
“js-beautify-html”: {
// #vue组件中html代码格式化样式
“wrap_attributes”: “auto”, //也可以设置为"auto",效果会不一样
“wrap_line_length”: 200,
“end_with_newline”: false,
“semi”: true,
“singleQuote”: true
},
“prettier”: {
//设置分号
“semi”: false,
//双引号变成单引号
“singleQuote”: true,
//禁止随时添加逗号,这个很重要。找了好久
“trailingComma”: “none”
},
“prettyhtml”: {
“printWidth”: 100,
“singleQuote”: false,
“wrapAttributes”: false,
“sortAttributes”: false
}
},
“vetur.format.defaultFormatter.html”: “js-beautify-html”,
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值