VScode的小白使用

欢迎使用VScode

下载

官网下载：https://code.visualstudio.com/

安装完成后

1.首先创建一个空文件夹，

2.然后导入该文件夹：
点击file，
再点击open folder选择文件夹vstest进行导入

3.点击文件夹下面的四个图标的第一个图标

进行文件的命名（必须添加文件类型eg：.html，.js，.css等）JSP在HTML中用<% %>里面实现。JS在HTML中用实现。

4.在右上角的编辑区进行代码的编写

5.在左下角点击图标，即可打开面板栏

6.运行代码：右击文件vsstudy.html选择reveal in File Explorer
再点击你的文件选择任一浏览器打开即可

**
或者安装一个小插件就可以直接在浏览器中显示HTML文件的效果，
1,点击编辑器主界面左上侧第五个小图标——‘扩展’按钮；

2,在应用商店搜索框中输入“view in browser”进行搜索

3,在view in browser 选项右下角会出现“安装”小按钮；

点击安装即可。安装完后会提示重新加载，点击重新加载即可

4,点击左侧第一个图标按钮，回到资源管理器界面，选择你想要查看的html文件；

快捷键

Ctrl + / （单行注释）

Shift + Alt + A （多行注释）

若要取消单行或多行注释在按一次该快捷键即可

Alt + Shift + F （格式化代码，不需要全选中代码，直接格式化即可）

Ctrl + Shift + F （查找文件）

Ctrl + G ，然后@+方法名（快速定位方法所在位置）

Ctrl + D（同时修改多个地方，需要改几个地方就ctrl+D几次，超级实用）

VScode初次使用教程相关推荐

VSCode使用详细教程
VSCode使用详细教程 1.VSCode下载 VSCode下载链接: https://code.visualstudio.com/ 2.VSCode汉化 3.VSCode常用插件(安装步骤同汉化) ...
vsCode安装使用教程和插件安装
vsCode安装使用教程 vsCode是什么 vsCode安装 vsCode汉化 vsCode常用命令说明 vsCode左边图标说明 vsCode基本使用前端常用插件在vosCode中显示html ...
vscode初次远程连接服务器报错解决
1.错误: vscode初次远程连接服务器无法连接成功报错,并弹框提示[关闭][更多操作][重试],这说明网络无法安装vscode-server服务. 2.解决办法: (1) 查看自己vscode的 ...
vscode插件快餐教程(10) - 设置
vscode插件快餐教程(10) - 设置在插件中,根据用户的环境和个性化的不同,需要增加一些配置项. 读写配置项可以通过vscode.workspace.getConfiguration()方法 ...
vscode插件快餐教程(5) - 代码补全
vscode插件快餐教程(5) - 代码补全上节我们介绍了lsp的基本框架和协议的三次握手. 下面我们先学习一个最简单的功能协议:给vscode发送一条通知. LSP窗口消息在LSP协议中,跟窗口 ...
史上最全vscode配置使用教程
史上最全vscode配置使用教程正在上传-重新上传取消灰蓝宇墨上海闪店联信息科技有限公司前端工程师 5,041 人赞同了该文章工欲善其事,必先利其器.想要优雅且高效的编写代码,必须熟练使 ...
vscode配置使用教程
一.软件下载官网下载地址二.学习网址 1. 知乎 :史上最全vscode配置使用教程 2. VS code安装和使用技巧 3.VsCode使用教程 4.VsCode安装使用教程和插件安装方法 5. ...
【OS xv6】1 万字详解shell源码解析命令（内含wsl+vscode调试xv6教程文档第一章助读）
现在前面的嘻嘻几百年没写文了确实没时间,等搞完毕设可以一起重温重温.最近学os,读源码发现还挺多东西得整理的,尤其途中有必要找资料整理的时候,内容有点多有点乱,写在源码已经显得不现实了.用的vsco ...
VSCode摸鱼教程---我们的口号是什么:摸鱼摸鱼!!!
VS Code摸鱼教程-我们的口号是什么:摸鱼摸鱼!!! 1.VSCode百度百科 Visual Studio Code(简称"VS Code")是Microsoft在2015年4 ...

VScode初次使用教程

欢迎使用VScode

快捷键

VScode初次使用教程相关推荐

最新文章

热门文章