插件
(插件安装后,Ctrl+,快速调出setting面板)
- 插件推荐:https://zhuanlan.zhihu.com/p/57389333
- 远程开发:Remote Development
- 版本管理:GitLens
- 代码格式化:Prettier - Code formatter
(自己设置保存时自动格式化,搜索save就出来了)
- 函数括号:Bracket Pair Colorizer 2
- 自动改html标签:Auto Rename Tag
- 自动闭合html标签:Auto Close Tag
- 自动定位css代码:CSS Peek
- ES6语法转换提示:JavaScript Booster
- 目录加上图标:vscode-icons
- 路径补全:Path Intellisense
- 浏览器打开:open in browser
- 开启一个本地服务:live Server
- Vue代码提示:Vue 2 Snippets
- 快速生成vue模板:Vetur
- Markdown 语言支持:Markdown All in One
- Markdown 写作规范:markdownlint
- Markdown 图片上传:PicGo
- Markdown github预览:Markdown Preview Github Styling
- 注释:koroFileHeader(Ctrl + Alt + I)
设置同步
https://zhuanlan.zhihu.com/p/113222681
配置-样式
- 主题:File > Preferences > Color Theme
- 自定义(界面配置):File > Preferences > Settings(字体大小15px)
- 自定义(代码输入): ctrl + shift + p -> setting
- 自定义页面-tab为2个字符(默认为4个字符)
快捷键
- 选中一行:Ctrl+L
- 复制一行:空选定状态下按Ctrl+C
- 删除整行:Ctrl+Shift+k
- 替换:Ctrl+H
- 多处编辑:Ctrl+左键
- 查找文件夹:Ctrl+P
VSCode上传代码到github
https://blog.csdn.net/rainbow8590/article/details/83149735