如何用Visual Studio Code编写代码(以HTML为例)
1.新建文件并自动生成缺省html代码框架
①打开Visual Studio Code编辑器
使用快捷键Ctrl+N新建文件,就会得到默认的纯文本文件
②选择编程语言
点击"选择编程语言"或者使用快捷键 Ctrl+K M (两个部分按顺序依次按下)
就会得到这个界面
我们发现进行选择之后,语言模式和标头都相应改变了
然后我们就可以愉快地选择我们需要的语言进行快乐编程了。
③快速生成标准的html代码
我们在第一行输入一个英文状态的" ! " 像这样:
之后我们按下Tab键或者回车,就会得到一段标准的html代码
2.推荐安装的插件
Visual Studio Code默认使用控制台查看html的页面,如果我们需要运行调试和查看效果就会有些不方便,所以我们可以安装一些扩展插件,使用浏览器查看html页面。
首先点击扩展按钮,当然你也可以使用快捷键Ctrl+Shift+I,之后在搜索框中输入"open in browser",点击安装。
安装完成后,点开你想要用浏览器调试的html页面,使用快捷键Alt+B,这样就可以用默认的浏览器打开这个页面了。
当然,如果你想要用别的浏览器打开它,使用快捷键Shift + Alt + B之后就可以选择你想要用来调试的浏览器了!
3.一些快捷键
本文提到的:
使用快捷键Ctrl+N新建文件;
快捷键 Ctrl+K M选择编程语言;
输入" ! "Tab或回车得到缺省html代码框架;
使用快捷键Ctrl+Shift+I打开扩展按钮;
使用快捷键Alt+B用默认的模拟器打开html页面;
使用快捷键Shift + Alt + B用别的浏览器打开html页面;
还有别的一些比较方便的快捷键:
Shift + Alt + F 实现代码的对齐
Ctrl+K+C 注释
Ctrl+K+U 取消注释
注:选中代码,直接使用Ctrl + / 也可以进行注释,取消注释也只需再按一次Ctrl + /
Ctrl+k、Ctrl+0 折叠所有代码
Ctrl+G 跳转行号
……
之后的就自己去发现总结吧~
如何用Visual Studio Code编写代码(以HTML为例)相关推荐
- 如何在ubuntu中编写python_在ubuntu下使用visual studio code编写python
感觉有了visual studio code之后,不管编写什么语言的代码都可以,简单安装对应的语言插件即可. 这不轮到了最近比较热的python语言,蹭着AI的热度,python语言成为了工程师们又一 ...
- Mac用Visual Studio Code编写C/C++安装配置教程
[文字版]Mac用Visual Studio Code编写C/C++教程 - 哔哩哔哩 Mac用Visual Studio Code编写C/C++ 苹果电脑VS Code快速编写C/C++教程_哔哩哔 ...
- Visual Studio Code设置代码自动换行
Visual Studio Code设置代码自动换行,只需两步. 第一步,打开 File 目录下的PreFerebces ,选中Settings . 第二步,在输入框搜索 editor.wrappin ...
- 使用Visual Studio Code编写和激活ABAP代码 (上)
猪年春节后的第一篇,Jerry祝各位猪年大吉! 2019年的六分之一马上就快过完了,不知道大家在新的一年是否给自己定了新的小目标呢?这里Jerry先预祝大家到2019年年底的时候,在年初制定的小目标都 ...
- sap原因代码配置路径_使用Visual Studio Code编写和激活ABAP代码 (上)
猪年春节后的第一篇,Jerry祝各位猪年大吉! 2019年的六分之一马上就快过完了,不知道大家在新的一年是否给自己定了新的小目标呢?这里Jerry先预祝大家到2019年年底的时候,大家年初的小目标都能 ...
- 如何用Visual Studio Code远程调试运行在服务器上的nodejs应用
假设我有一个nodejs应用,运行在AWS - 亚马逊云平台上(Amazone Web Service).我想用本地的Visual Studio Code来远程调试服务器端的nodejs应用. Vis ...
- Visual Studio Code 保存代码时报Applying code action Organize Imports
每次在Visual Studio Code 里修改代码,保存后都会弹出下面的对话框: Saving xxxx: Applying code action 'Organize Imports'. Sav ...
- Win7 下使用 Visual Studio Code 编写运行 C 和 C++(环境搭建及使用方法)
系统环境:Win7 64bit 以下给出搭建步骤,每一步更细致的步骤,请查看下方链接: 第一步:下载安装编译器 MinGW-w64 (使用离线包似乎更可靠): 第二步:下载安装 Visual Stud ...
- 如何用Visual Studio 2022 编写C语言
一.官网下载Visual Studio 2022Visual Studio 2022 IDE - 适用于软件开发人员的编程工具 (microsoft.com)https://visualstudio. ...
最新文章
- 内存对齐与sizeof
- c++ -DNDEBUG openMP优化
- ODAC(V9.5.15) 学习笔记(十七)主从模式
- 使用subprocessm模块管理进程
- 【学习笔记】28、类的方法及参数介绍
- rust windows 交叉编译_树莓派上使用rust:交叉编译
- GDB同步显示源代码——layout
- jdb java_JAVA初学者的JDB 尝试
- 不贵难得之货,使民不盗
- infer的用法_使用infer进行静态分析总结
- linux常用命令的全拼(转载)
- # 20175333曹雅坤 第八周课程学习总结
- java各个版本下载地址
- unity3dk帧_Unity3D制作序列帧动画的方法
- Mac版 QQ防撤回插件
- C语言100ms周期运行时间不够,DEH-系统调研报告.docx
- Python与R语言优缺点比较——“术业有专攻”
- 感觉现在的技术圈越来越像娱乐圈了
- 用python爬取考研词汇及其近反义词与例句
- BLE连接中的中心设备与外围设备
热门文章
- 立邦超低温电泳涂料应用于大众汽车;斐乐全球全新概念店广州开业 | 美通企业日报...
- [论文阅读]Balanced Sparsity for Efficient DNN Inference on GPU
- 缓解焦虑,这么做就可以了
- 如何让网页自适应屏幕宽度
- day 16: 二叉树 补卡!
- 大数据浪潮下,「管理会计」迎来新机遇
- 关联、组合、聚合、依赖关系比较
- ubuntu安装python详细教程_ubuntu安装python3.8
- 图的顺序存储及其深度优先遍历和广度优先遍历
- java jlist 设置高度_java – 根据内容展开JList行高