网页开发工具介绍，VS Code安装与使用和插件安装

原创已于 2022-05-16 08:27:04 修改 · 6.6k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vscode安装

收录于

于 2022-02-23 11:20:17 首次发布

《HTML5+CSS3》第一站同时被 2 个专栏收录

33 篇文章

订阅专栏

《小技巧》

6 篇文章

订阅专栏

本文介绍了如何在国内快速下载并安装VSCode，分享了VSCode的使用小技巧，如快捷键调整字号，自动生成HTML骨架。同时推荐了一些实用插件，如Chinese(Simplified)汉化插件，AutoRenameTag自动改标签，OneDarkPro颜色主题，openinbrowser预览页面，以及必备的LiveServer实时预览功能。

网页开发工具

VS Code安装

下载地址：Download Visual Studio Code

下载速度很慢的话，右击下载文件复制地址

https://az764295.vo.msecnd.net/stable/f4af3cbf5a99787542e2a30fe1fd37cd644cc31f/VSCode-darwin-universal.zip

将域名地为址 az764295.vo.msecnd.net替换为国内的镜像地址vscode.cdn.azure.cn

https://vscode.cdn.azure.cn/stable/f4af3cbf5a99787542e2a30fe1fd37cd644cc31f/VSCode-darwin-universal.zip

VS Code使用小技巧

ctrl + + ctr + - 快捷键加大减小字号

保存为html文件后输入!号可以快速生成骨架

插件

Chinese (Simplified) 汉化

Auto Rename Tag 修改开始标签，结束标签跟着自动变化

One Dark Pro 颜色主题

open in browser 右击浏览器预览页面

Live Server 实时预览（推荐）

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

程序员shy

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

Microsoft VS Code下载及插件介绍

05-31

该编辑器也集成了所有一款现代编辑器所应该具备的特性，包括语法高亮（syntax high lighting），可定制的热键绑定（customizable keyboard bindings），括号匹配（bracket matching）以及代码片段收集（snippets）。Somasegar 也告诉笔者这款编辑器也拥有对 Git 的开箱即用的支持。

2 条评论您还未登录，请先登录后发表或查看评论

vS2010 ASP.NET C# WEB开发（源代码）

11-05

ASP.NET C# 开发的门户网站的源代码，实测VS2010打开没问题，使用时用VS2010新建一个网站项目，将所有文件拷入项目文件夹，再用VS2010打开项目即可

VS建立网页

weixin_44577418的博客

08-18

7246

一．分析过程 1.今天我要说的是在最开始的内容，如何建立网页，首先打开VS，然后找到左上角点击文件，选择新建点击项目弹出模态框，我需要的是Visual C# 在里面找到Web建立网页，选择第一个ASP.NET Web应用程序，下面的名称使用项目名称，当然自己可以随便写，只要知道就行，位置第一次的时候是空白的自己找一个地方存放，点击确定就行了。如图所示： 2.然后弹出新建 ASP.NET 项目 - PartOne模态框，会出现几个模态框，我要的是第一个空模态框Empty，其中里面有三个：（1）Web Fo

如何用vs code搭建自己的网站

zzdzz123的博客

07-30

2万+

网站由多个网页组成 HTML：超文本标记语言，专门用来制作网页，用来描述网页的一种语言（例如图片，动画，声音），且不等价于编程语言，个人认为可以理解为由一大堆标签组成标签定义：全在<>中，标签几乎都是成对存在，少数是单标签关系： ①包含类似父子关系，比如这里的上下俩head ②并列类似兄弟关系，比如这里的最有左右俩body 基本结构标签 ①<html> </html>:这是页面中最高级别的标签，简称根标签 ②<head> </he

手把手叫你用VS2019写个WebApi（可以供网页、手机、电脑三端连接使用）从网页访问后端并在后端通过EF获取sqlserver中的数据

weixin_43935474的博客

08-25

4469

手把手教你用VS新建一个webapi程序，运行成功后，可从浏览器访问特定路由，获取sqlserver中的数据

vsode (Visual Studio Code) HTML -- 你的第一个网页

C++牲

05-11

1万+

vsode (Visual Studio Code) HTML -- 你的第一个网页

Anaconda + VS Code 的安装与使用

m0_51976564的博客

02-19

3万+

一. Anaconda 是什么二. Anaconda 的安装 1. 下载安装包 2. 安装 3. 检查三. Anaconda 的使用 1. 创建虚拟环境 2. 激活虚拟环境 3. 包管理 4. 列举虚拟环境 5. 退出虚拟环境 6. 删除虚拟环境四. VS Code 开发 1. 安装插件 2. 打开工作区 3. 选择解释器五. VS Code 个性化设置 1. 切换输出位置

【Tools】——VS Code 插件推荐合集

热门推荐

maixiaochai的博客

06-04

12万+

1. 软件安装下载地址：VS Code 选择合适的版本，安装即可 2. 汉化安装完成后是这样的如果需要汉化，ctrl + shift + x，打开插件商店，输入 chinese，然后选择第一个，点击 ‘install’ 安装完成后重启软件，显示如下，则汉化完成 3. 插件推荐插件搜索：ctrl + shift + x 1. Python 提供了代码分析，高亮，规范化等很...

VS Code必备插件神器（2026）

前端必备小窝

07-28

2万+

VSCode能够如此强大还源自于它的插件市场，一款好的插件能够较为明显的提升大家的开发效率，废话不多说，直接上插件！

VS Code 安装、配置教程及插件推荐

qq_58096041的博客

08-29

5万+

本文主要介绍了开发工具VS Code的下载，安装，配置，常用快捷键，配置代码片段以及推荐一些好用的扩展插件。

VS Code插件神器

JanLEE

07-04

3455

1. Codelf 安装次数：2万+ 在计算机科学中只有两件难事:缓存失效和命名。我对这句话深有同感，当开发项目时，命名一直都是一种让我痛苦的事情。我想，应该不止我一个人有这样的感觉。可是，命名又是开发过程中一项非常重要的事情，例如，一个好的函数命名，能够让你瞬间明白它实现的功能，这样就节省了很大一部分时间琢磨一段代码到底是什么含义。所以，每当开发过程中遇到要命名的变量、函数、类时我就不得不停下开发，苦思冥想半天。但是，CodeIf的出现让这个问题迎刃而解，它通过搜索GitHub

使用visual制作html网页

2401_85041083的博客

09-12

1767

在html中输入多个空格之后，在网页上显示的时候不会有多个空格，而是只有一个空格。html的注释不会显示在页面上，目的就是为了提高代码的可读性。注释是所有语言中一个必不可少的东西，在html中同样使用。在html中输入换行之后不会真的换行，而是产生一个空格。table 包含 tr , tr 包含 td。h1-h6共有6个，数字越大，则字体越小。br是break的缩写表示换行，table 标签: 表示整个表格。是一个单标签所以可以单独使用。所以在需要产生段落的地方添加。tr: 表示表格的一行。

手把手教你如何配置好VS Code的WEB基础开发环境（保姆级）

最新发布

m0_74824112的博客

12-12

2663

微软旗下的多场景开发环境软件，支持JAVA、C、C#、C++、WEB、VUE、CSS、HTML、Python等等等如果你刚刚开始编程或者准备学习WEB，那么我强烈建议你使用这款软件缺点：（针对初学者）需要安装各种各样的插件一些语言还需要对配置文件进行修改对于基本HTML编写，VS Code自己就会有一些代码提示。例如Html文件，输入 “!”英文状态下的感叹号，按下enter回车就会出现基本的代码，随后就可以开始编写了。

使用vscode创建web项目

ouyangqing的专栏

09-21

6829

使用vscode创建web项目

Windows10+vs 2017中创建WEB API教程

Explinks的博客

07-24

1845

本文将介绍如何在Windows10+vs 2017中创建web Api的教程。目前本教程当中的方法在Win10 + VS2017（MVC5）win server2016+vs2017，vs2013 vs2019当中测试通过。

用Visual Studio建立第一个ASP.NET页面

汉南最後の読書人

09-04

3万+

1.新建一个项目（1）直接在VS开始界面上选择“新建项目（2）在菜单上选择“文件”、“新建”、“项目” 2.在弹出的窗口中选择“Visual C#”--->“Web”---->"ASP.NET空Web应用程序"，注意选择的是.NET Framework4框架，然后输入你所想输入的项目名称，点击“确定”，就成功新建了一个ASP.NET项目

Linux下使用vs code离线安装各种插件（2026年更新）

hzf978742221的博客

01-18

1万+

很多时候，我们经常需要使用虚拟机来完成各种工作，但是有些公司由于网络代理的原因，虚拟机UBuntu 中的vscode无法访问侧边栏的插件市场。而关了代理又无法上网。所以撰写本篇文章的目的主要是解决vscode插件市场离线时如何安装插件的问题。

VS Code 安装

AE_BD的博客

11-19

3170

vscode不像IDE一样能够直接在浏览器中打开html，而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari。点击左下角的 "设置" -> "主题" -> "主题颜色"，然后可以根据自己的喜好，选择喜欢的主题颜色。VS Code提供了非常丰富的插件功能，根据你的需要，安装对应的插件可以大大提高开发效率。打开配置面板，根据自己的喜好，可以修改字体、背景样式等偏好设置。安装完成，运行VS Code。

基于VS Code平台的latex安装与入门教程

Echo_Code的博客

08-18

2475

自定义目录标题) 基于VS Code平台的latex安装与入门教程 latex介绍我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式进行展示；增加了图片拖拽功能，你可以将本地的图片直接拖拽到编辑区域直接展示；全新的 KaTeX数学公式语法；增加了支持甘特图的mermaid语法1

vs code 下载安装，git 配置，插件安装

Smile0L0的博客

09-17

3万+

window 10 系统下载安装 1.打开官网地址： https://code.visualstudio.com/ 2.进入下载入口： 3. 下载 zip 文件 4. 解压到非系统盘，运行 code.exe 即可或者 1. 打开官网，下载安装程序 2. 双击运行安装程序 3. 同意协议 4. 选择安装地址 5. 选择开始菜单文件夹在这一步可以更改开始菜单文件夹名字，或者不创建开始菜单文件夹，此步骤不管怎么选择，对以后的使用并没有...