1、Visual Studio 运行.html文件
- 第一步找到左侧扩展
- 第二步搜索
View in Browser
- 第三步 安装
- 然后找到要打开的
.html
文件,右键就会有View in Browser
或者使用Ctrl+F1
就可以预览你想要预览的页面啦。
2、Visual Studio 常用的快捷键(只列举出我常用的快捷键,持续更新)
- 向上复制一行 :Shift+Alt+Up
- 向下复制一行 :Shift+Alt+Down
- 移动到文件开头(结尾):Ctrl+Home(End)
- 回退上一个光标:Ctrl+U
- 预览Markdown:Ctrl+Shift+V
- 代码缩进:Ctrl+[或者Ctrl+]
- 格式化代码:Shift+Alt+F
- 全局搜文件:Ctrl+P
- 打开文件所在目录:Ctrl+O
- 全局搜索:Shift+Alt+H
- 搜索具体行数:Ctrl+G
- 关闭左侧任务栏:Ctrl+B
- 返回上一步(下一步):Alt+左(右)箭头
- 向上(下)移动当前行:Alt+上(下)箭头
3、常用插件
- Auto Remame Tag :能够自动更改结束标签
- live Server :自动搭建本地服务
- Prettier - Code formatter: 代码美化
- Vetur:vue组件格式支持
- vscode-icons:美化文件图标
- CSS Peek 根据id和clsss快速追踪css样式
- Path Intellisense 自动完成文件名的Visual Studio代码插件
- Bracket Pair Colorizer 括号配对着色
- Material Icon Theme 图标主题,支持更换不同色系的图标
- vetur vue语法高亮
- GitLens — Git supercharged 安装后可以直接在代码里看到谁在什么时候提交了代码,很直观很方便。