!!!------重新安装vscode,需要先卸载之前安装的,再下新的
一,插件: 1.css插件: ? css navigation:跳转定位到css class定义的地方
??js: vue-helper: 定动态属性事件直接跳转到定位 ? html: HTML Snippets
2.Vetur:语法高亮、快捷用法Emmet、错误检查
3.compareit: 文件对比工具
4.页面顶部 加注释: Document This 5.网页中热更新:Live Server 7.可在浏览器中预览网页: open in browser 6.突出显示成对r 2的括号:Bracket Pair Colorize 8.根据文件的后缀名来显示不同的图标:?vscode-icons 9.来回切换多个项目: Project Manager? @@@@ 10.日常开发中,建议用可以用 Prettier 做代码格式化,然后用 eslint 做校验 11.ES6 语法智能提示,支持快速输入:?JavaScript(ES6) code snippets 12.突出显示代码缩进:indent-rainbow? -------------先禁用了 13.维护文件的本地历史记录:?Local History 14.把代码保存成美观的图片:?Polacode-2020 15.?图片预览。鼠标移动到图片 url 上的时候,会自动显示图片的预览和图片尺寸:?Image Preview 16. 自动闭合标签、自动对标签重命名:Auto Close Tag、Auto Rename Tag 17.?检测代码英文单词错误:Code Spell Checker 18.代码翻译:?翻译(英汉词典) 19.主题名:Dracula Official 20.我的vscode主题色: Dracula Theme 21.主题名:Material Icon Theme 22.路径智能提示:Path Intellisense 23.编辑器中的实时预览:Browser Preview? ?@@@@ 看不了网络请求 24.?Code Runner ???????
代码格式化:Prettier
二,快捷键: 1.ctrl+shift+p 命令面板 ? ? ? ? font字体大小 ? ? ? ??files.autoSave 2.ctr+B 伸缩目录栏 3.ctr+\ split屏 4.Alt + Shift + ↓ 将代码向下复制 5.ctrl+shift+k 删除整行 6.将当前行代码高亮显示(更改光标所在行的背景色):setting.json "workbench.colorCustomizations": { "editor.lineHighlightBackground": "#00000090", "editor.lineHighlightBorder": "#ffffff30" }
? ??
|