美文网首页
VS code编辑器使用

VS code编辑器使用

作者: amanohina | 来源:发表于2020-10-15 11:58 被阅读0次

插件拓展

打开VS code之后可以使用快捷键ctrl+shift+X打开拓展

拓展插件如图所示
目前前端学习暂且安装如下插件:
Column 1 Column 2
Chinese(simplified)language pack for visual studio code 中文界面
Auto Rename Tag 自动完成尾部闭合标签的同步修改
Open in browser 右键设置在默认浏览器打开网页
Mithril Emmet 快速修改编写工具

安装open in browser插件遇到了一个小问题

Alt + B 弹出报错:

Open chromer failed!! Please check if you have installed the chrome correctly!

仔细检查默认浏览器之后没有问题 默认浏览器设置
经过查阅资料发现回溯版本可以解决该问题: 选择安装另一个版本
回溯到1.1
即可正常启动浏览器。

使用

打开文件夹->查看点击资源管理器->可看到结构目录->可以点击新建文件也可以使用快捷键ctrl+N,然后保存到对应的文件夹里,使用对应的快捷键快速编写程序。

快捷键(已尝试)

特别注明:enter和tab都可以。熟练按哪一个就按哪一个。
快捷键可修改

Column 1 Column 2
!或html:5->enter 自动生成基本骨架
标签名->enter 自动生成标签
标签名*n->enter 自动生成n个相同的标签
h$*6->enter 自动生成h1到h6的标签
ctrl+x 删除光标所在行、所选内容
ctrl+shift+↑ 将光标所在行上移一行
ctrl+shift+↓ 将光标所在行下移一行
按住鼠标滚轮滑动 同时选中多个光标,同时操作
ctrl+滚轮 调整显示字号大小
ctrl+z 无限后退一步
shift+ctrl+z 无限还原一步
ctrl+enter 直接换行
修改快捷键
快捷键窗口
步骤:文件->首选项->键盘快捷方式

相关文章

网友评论

      本文标题:VS code编辑器使用

      本文链接:https://www.haomeiwen.com/subject/ncynpktx.html