图源:unsplash VSCode是我们最常用的代码编辑器之一,熟练使用VSCode能够让我们很大程度上提升编程效率。本文中笔者就将介绍一些VSCode的进阶使用技巧。 多光标操作有时,我们可能需要在不同的位置同时键入相同的内容。例如,在下面的代码中,我们想要先为第一、三、五个标签添加属性class=“odd”,然后为第二、四、六个标签添加属性class="even”。
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我利用vsc ...
转载 2021-07-26 08:17:00
94阅读
2评论
JAVA基础开发环境 vscode搭建对于使用 Visual Studio Code 的 Java 开发者来说,Language Support for Java™ by Red Hat 扩展提供了非常好的语言特性支持,比如智能感知和项目支持等。然而,我们也听到一些用户反馈需要调试 Java 程序。今天,我们万分激动地宣布,我们与 Red Hat 合作开发了能让开发者调试 Java 应用程序的轻量
转载 2023-10-23 09:02:18
102阅读
# 如何在VS Code中创建HTML5快捷键 在现代前端开发中,我们经常需要创建HTML文件。为了提高效率,我们可以在Visual Studio Code (VS Code) 中设置一个HTML5文件的快捷键。这篇文章将指导你逐步实现这一目标,并给出所需的代码示例和详细说明。 ## 流程概述 下面是创建HTML5快捷键的整体流程: | 步骤
原创 2024-09-27 05:01:20
205阅读
安装vscode省略。。。安装插件前提:在vscode 页面中 extensions(ctr + s + x) 打开安装插件页面1、安装Tomcat for java2、安装Debugger for java3、Language Support for Java™ by Red Hat4、Maven for Java5、Java Test Runner6、Java Extension Pack创建
VScode的下载地址:VScode官网将VScode设置为中文语言环境在拓展程序页面搜索该名称的插件:Chinese (Simplified) Language Pack for Visual Studio Code 即为上图所展示的插件,点击2处的绿色“Install”即可下载(这里已经下载过了,所以显示的是设置图标),然后按照提示重启软件后即为中文。如果重启后仍不为中文,可以使用Ctrl+S
转载 2023-10-15 11:18:04
145阅读
# 使用 VSCode 创建一个 HTML5 应用 在现代网页开发中,HTML5 是不可或缺的基础。它为我们提供了丰富的功能和更好的用户体验。本文将引导你在 Visual Studio Code (VSCode) 中创建一个简单的 HTML5 应用,并附带代码示例。 ## 准备工作 首先,你需要确保已安装以下工具: 1. [Visual Studio Code]( 2. [Node.js]
原创 8月前
68阅读
一、安装node.js1、下载官网:https://nodejs.org/en/中文网:http://nodejs.cn/LTS:长期支持版本Current:最新版2、安装https://npmmirror.com/mirrors/node/v12.18.3/然后一直安装选择目录修改一下E:\program\nodejs\修改位置设置node的全局和缓存路径在安装目录下新建两个文件夹:node_g
转载 2023-09-18 14:09:14
274阅读
1、将项目文件夹添加到工作区  2、点击“终端”,选择“配置任务”  3、选择“使用模板创建tasks.json文件”  4、选择“Others”  5、tasks.json新建,默认如下  6、修改tasks.json{ //https://go.microsoft.com/fwlink/?
原创 2022-08-31 23:47:48
587阅读
下载安装VSCode下载安装:https://code.visualstudio.com/Download通用插件Auto Close Tag :匹配标签,关闭对应的标签Auto Rename Tag :自动重命名beautify : 良好的拓展性,可以格式化JSON|JS|HTML|CSS|SCSS,比内置格式化好用View In Browser 或 Open In Browser 运行在浏览器
转载 2023-07-28 20:15:07
747阅读
文章目录前言一、打开VS Code 配置插件二、建立运行HTML文件1.选择文件夹2.建立HTML文件3.运行HTML文件 前言Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,它的特点免费、开源、多平台,以及集成git,代码调试,插件丰富等有点,被大家逐渐熟知和认可。但是如何在VS Code中建立运行html文件呢?详见如下内容
转载 2023-10-17 23:00:37
124阅读
# 如何在VSCode创建Python项目 在技术发展的道路上,学习如何使用合适的工具是至关重要的。VSCode(Visual Studio Code)是一个强大的轻量级代码编辑器,适合用来开发Python项目。本篇文章将带领你一步步实现这个目标。 ## 流程概述 下面的表格展示了在VSCode创建Python项目的主要步骤: | 步骤 | 描述
原创 2024-10-10 05:50:02
66阅读
Markdown All in Onemarkdownlint现在大部分博客平台都支持markdown,可以直接讲我们写的内容复制过去,可惜的是公众号现在还不支持。所以要借助Md2all在线渲染网站,可以一键复制到公众号,并且还可以美化一些样式,比较简约美观一些。还可以选择不同主题或者自己改一些CSS样式,像下面这样:图片内容====技术写作经常会画一些流程图,架构图。尤其图解会然让复杂的问题更加
# 在VSCode创建JavaFX应用程序 JavaFX是一个用于创建富客户端应用程序的Java库,具有强大的用户界面功能。本文将介绍如何在Visual Studio Code(VSCode)中设置JavaFX环境并开发一个简单的JavaFX应用程序。 ## 环境准备 在开始之前,请确保您已经安装了以下软件: 1. **Java Development Kit (JDK)**:建议使用J
原创 2024-09-27 03:44:45
73阅读
Extension Packs in Visual Studio Code are extremely useful when you want to install a collection of related extensions. In this article, let's walk through the steps of creating an Extension Pack so y
本篇文章根据实际开发中使用的扩展插件,结合《精选!15 个必备的 VSCode 插件(前端类)》、《vscode 插件推荐 - 献给所有前端工程师(2017.8.18更新)》中的介绍进行编辑。HTML相关:HTML Boilerplate:通过使用 HTML 模版插件,你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html,并按 tab 键,即可生成干净的文档结
# VSCode Java创建指南 ## 引言 在本指南中,我将教会你如何在VSCode创建Java项目。VSCode是一个轻量级的代码编辑器,它具有丰富的功能和插件,使得Java开发变得更加高效和便捷。 ## 步骤概览 下面是创建一个Java项目的整个流程。你可以按照这些步骤逐步进行操作。 | 步骤 | 描述 | | --- | --- | | 1 | 安装Java Developmen
原创 2023-07-28 05:49:49
959阅读
# 使用 VSCode 创建 Java 应用程序 在如今的开发环境中,VSCode(Visual Studio Code)因其轻量级和扩展性而受到广泛欢迎。虽然它最初是为前端开发而设计的,但通过安装相应的插件,VSCode同样支持 Java 开发。本文将带您通过步骤介绍如何在 VSCode创建和运行 Java 应用程序,并提供相应的代码示例。 ## 环境准备 在开始之前,请确保您已在系统
原创 9月前
17阅读
# 如何在 VSCode创建 Java 项目 在现代软件开发中,Java 是一种广泛使用的编程语言。使用 Visual Studio Code(VSCode)作为开发工具,能够提高开发的效率和体验。对于一个刚入行的小白来说,了解如何配置和使用 VSCode创建 Java 项目是非常重要的。本文将详细介绍这一过程,并通过表格和代码注释来讲解每一步。 ## 创建 Java 项目的流程 以
原创 8月前
24阅读
展开全部打开vscode编辑器,点击编辑器主界面左上侧第五个小图标——e69da5e6ba903231313335323631343130323136353331333365633864‘扩展’按钮;进入扩展搜索右拉框,在应用商店搜索框中输入“view in browser”会自动进行搜索;等待几秒钟时间,扩展就会陆续出现,在view in browser 选项右下角会出现“安装”小按钮;点击安装
  • 1
  • 2
  • 3
  • 4
  • 5