VSCode安装使用

目录

一.下载

二.安装插件

三.打开文件

四.在vscode里新建文件(注意后缀名,)

五.缩放代码字号

六.运行代码


一.下载

百度搜索vscode,进入官网,点击下载,

网址:Download Visual Studio Code - Mac, Linux, Windows

 

 下载完成,打开文件,一直点击下一步 完成安装

二.安装插件

扩展-搜索插件-安装

  • 扩展

  •  搜索插件

         Chinese 汉化菜单插件(一般先进行汉化,将英文转变为中文)

         open in browser 打开网页插件

         Auto Close Tag 自动补全结束标签

         Auto Rename Tag 自动同步修改的html标签(在修改HTML 标签的时候,自动修改标签名称)

         HTML CSS Support 在VScode中提示CSS相关扩展

         ...............

  • 安装

 安装(我的已经安装过了,所以显示的是禁用)

三.打开文件

方法1 将文件夹拖拽到vscode页面左端

方法2 欢迎页面可以打开文件夹欢迎页面可以打开文件夹

方法3 点击资源管理器打开文件夹(一般是侧边栏第一个图标,如图)

四.在vscode里新建文件(注意后缀名,)

 

输入 !,回车。自动生成代码(如下) 

 注意随手保存代码,快捷键ctrl+s

五.缩放代码字号

   放大:ctrl + 加号

   缩小:ctrl + 减号

六.运行代码

 点击右键,出现菜单栏,点击如图所示位置,文件将在默认浏览器运行。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
VSCode(Visual Studio Code)是一款轻量级的跨平台代码编辑器,具有丰富的功能和适用于多种编程语言的插件。以下是VSCode安装使用步骤: 1. 下载安装:前往VSCode官网(https://code.visualstudio.com/)下载适用于您操作系统的安装程序,并按照安装向导进行安装。 2. 打开VSCode安装完成后,双击打开VSCode。 3. 基本界面:打开VSCode后,您将看到一个简洁的编辑界面。左侧是侧边栏,可以通过点击相应的图标切换视图(如文件资源管理器、搜索、源代码控制等)。中间是编辑区域,您可以在这里编写代码。右侧是活动栏,可以显示调试器、任务终端等。 4. 设置:点击左下角的齿轮图标,打开“设置”面板,您可以自定义VSCode的各种配置选项,如字体大小、主题、键盘快捷键等。 5. 插件安装:点击左侧侧边栏最后一个图标(扩展),打开“扩展”面板。在搜索框中输入您需要安装的插件名称,点击安装按钮进行安装。常用的插件有代码格式化、语法高亮、Git集成等。 6. 打开文件夹:点击左上角的文件夹图标,选择您要打开的文件夹或项目。 7. 编写代码:在编辑区域中编写您的代码,VSCode支持多种编程语言,并提供了丰富的代码编辑功能,如代码补全、代码导航、智能提示等。 8. 调试代码:点击活动栏中的调试按钮,打开调试面板。您可以配置调试器并运行您的代码进行调试。 9. 运行代码:点击活动栏中的运行按钮,打开运行面板。您可以选择运行环境并运行您的代码。 10. 其他功能:VSCode还提供了许多其他有用的功能,如任务终端、Git集成、版本控制等。您可以通过菜单栏或快捷键来使用这些功能。 以上是VSCode的基本安装使用步骤。希望对您有所帮助!如有更多问题,请随时提问。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值