web 开发环境搭建_VSCode_2

最新推荐文章于 2024-03-13 15:21:38 发布
最新推荐文章于 2024-03-13 15:21:38 发布
阅读量331 收藏 1
点赞数
分类专栏： HTML 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45370222/article/details/124079411
版权
本文介绍了如何为开发环境设置默认浏览器，并详细讲解了如何安装和配置Visual Studio Code编辑器，包括显示文件扩展名、安装Markdown插件以及LiveServer快捷操作。特别关注了代码区的代码片段和快捷键技巧，适合前端开发者阅读。
摘要由CSDN通过智能技术生成

开发环境的准备 {ignore}

ignore // 忽略标题

文章目录

显示文件扩展名

IE
Opera
Firefox 火狐
Chrome 谷歌
Safari 苹果浏览器

将Chrome设置为默认浏览器

安装编辑器

VSCode
https://code.visualstudio.com/

Windows记事本

插件

vscode —icons 图标
在这里插入图片描述

Live Server 运行右键 运行 Ctrl 加 s 保存更新
在这里插入图片描述

Markdown 增强版
Markdown Preview Enhanced
在这里插入图片描述

Ctrl + Alt + V 粘贴图片
这一个功能可能不能使用 可能有快捷键之间的冲突

代码区

document.write('hello word!!!');

英文感叹号 按一下tab键补全代码
在这里插入图片描述

qq_45370222
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VSCode 配置 Web开发
yexiangCSDN的专栏
04-14 2579
大家好，我是表哥Harker，表妹我来咯~ 这篇是VSCode 工具的介绍篇，表哥把VSCode使用写到这里，可以当做一个参考手册，表妹们可以参考把VSCode安装好后，然后安装给出的插件。 系列教程在Windows系统上进行开发，所以建议大家下载win版本的VSCode，当然如果是Macbook等系统就下载对应系统版本就行。 1、VScode 下载 可以到官网下载安装，下载好后基本就是一键安装：https://code.visualstudio.com/ 2、VScode 常用快...
vscode 搭建web工程_VS Code 1.40 发布！可自行搭建 Web 版 VS Code！
weixin_39732866的博客
12-19 192
今天(北京时间 2019 年 11 月 8 日)，微软发布了 Visual Studio Code 1.40 版本。让我们来看看有哪些主要的更新。自建 Web 版 VS Code前不久，微软正式发布了 Visual Studio Online，包含微软托管的 Web 版 VS Code。如今，开发者已经可以直接从 VS Code 的源代码编译出 Web 版 VS Code。如果你已经下载了 VS ...
vscode配置web开发环境(WampServer)
m0_52682586的博客
01-19 949
找到可执行文件的路径这一项，点左边的齿轮复制setting ID，再点下面的在settings.json文件中编辑，可能会出现安装问题，这里说只有图上这些VC++包都安装了才能继续安装，进入。下载安装完成后复制php.exe文件的路径，这里先随便选了一个php版本。安装完成后再次运行wampserver的安装程序可以正常下载安装了。打开vscode的Settings，搜索关键词。，集成了php，MySQL，Apache。这里直接去下载了集成的服务器组件。下载exe文件安装相关的包。ctrl+s保存配置。
Windows下VSCode开发及运行Web程序环境配置
liu2004051957的博客
11-22 4584
本文主要介绍在Windows操作系统下如何配置Visual Studio Code（VSCode）开发和运行调试网页。
(网页开发/前端)配置VsCode，让您拥有更舒适的开发环境
caterpie_771881的博客
10-31 6711
利用vscode支持的各种扩展，我们能极大优化编程体验
在VS Code上搭建Python开发环境的方法
09-20
本篇文章将详细讲解如何在VS Code上搭建Python开发环境，以便于高效地编写、测试和调试Python代码。 首先，我们需要安装Python本身。Python的官方下载地址是。在这里，你可以选择适合你操作系统的版本，如Windows上...
vscode环境搭建及项目启动
08-27
VSCode 环境搭建及项目启动是一个重要的步骤，对于开发者来说，掌握这个步骤可以提高开发效率和质量。下面，我们将详细介绍如何搭建 VSCode 环境和启动项目。 一、安装 Node.js 在开始搭建 VSCode 环境之前，需要...
HTML5 开发环境搭建
04-17
HTML5是现代网页和应用程序开发的核心语言，它在标准的Web开发中扮演着至关重要的角色。为了有效地利用HTML5进行开发，一个完善的开发环境是必不可少的。本文将详细阐述如何搭建一个高效的HTML5开发环境。 首先，...
VSCode+PHPstudy配置PHP开发环境的步骤详解
10-14
在搭建PHP开发环境时，Visual Studio Code (VSCode) 和 PHPStudy 是两个非常重要的工具。VSCode是一款功能强大的源代码编辑器，而PHPStudy则是一个集成了多种PHP运行环境和Web服务器的工具。以下是详细配置步骤： 1...
hello_world_Flutter_web_demo.zip
11-07
"helloworld web 项目搭建"意味着这个项目将展示最基本的Flutter Web应用的构建过程，通常包括设置环境、创建基本界面以及运行应用的步骤。 【标签】"flutter" 是Google推出的一个开源UI工具包，用于构建高性能、高...
vscode 搭建web工程_你会在本地搭建 Web 版 VS Code 吗，看完这一篇你就能轻松实现了！...
weixin_39788969的博客
12-19 1093
Visual Studio Code是微软推出的一款轻量级编辑器，与它一起在市场争锋的相似软件还有 Atom和 Sublime Text，面世第二年的它只占据 7%左右的市场，后来在短短三年时间雄踞了半壁江山，不可谓不哇塞。近日，微软在 Ignite 2019大会上，正式发布了 「Visual Studio Online」。其中包含了微软托管的 Web版 VSCode，如今又发布了 VSCode ...
【编辑器】VSCode的Web前端（html，css，JavaScript）开发环境打造
热门推荐
小哈里的博客
11-01 1万+
1、安装VScode和浏览器 VScode安装：https://code.visualstudio.com/ Chrome安装：https://www.google.com/intl/zh-CN/chrome/ node.js 安装：https://nodejs.org/zh-cn/download/ Web前端开发主要包括html，css，JavaScript，这些一般都是运行在浏览器中的。 运行JavaScript的几种方式： 在html的<script src=“example.js” &g
vscode 配置javaweb开发环境,超级简单,纯新手带图,学会后真香.宇宙无敌第一编辑器vscode
zhongjl666的博客
10-27 3760
vscode配置javaweb环境
VS Code 1.40 发布！可自行搭建 Web 版 VS Code！
GitHubDaily
11-10 792
公众号关注“GitHubDaily”设为 “星标”，带你了解技术圈内新鲜事北京时间 2019 年 11 月 8 日，微软发布了 Visual Studio Code 1.40 版本。让我们来看看有哪些主要的更新。自建 Web 版 VS Code如果你已经下载了 VS Code 在 GitHub 上的源代码，只需运行 yarn web，就能在 http://localhost:8080/ 访问啦！...
搭建网页vscode服务器Code-Server
qq_54223828的博客
01-13 2196
搭建网页vscode服务器code-server
vscode配置开发环境
魏圣颖的博客
07-07 1330
vscode配置开发环境 简单来说，vscode类似一款文本编辑器，不是IDE，想要运行C/C++代码，得配置一下，配置文件有三个， 关于一些插件的安装，这里不在叙述，可以直接百度，本文主要说明配置文件。 1.在你写代码的地方新建一个文件夹，并命名为“.vscode”。然后再在“.vscode”文件夹下新建三个文件，分别为：（或者当你新建一个工作空间时，会自动生成.vscode文件）    1. tasks.json    2. launch.json    3. c_cpp_properties.json
半吊子菜鸟学Web开发6 -- Vscode开发环境配置
weixin_30325793的博客
12-13 134
1vscode上手一周不到,终于弄出点门路,终于弄清楚了点vscode的设置是什么样子的了....哭 2就我这两天的使用来看,一般vscode默认只让打开一个文件夹,然后在你打开的文件夹里面自动生成 一个.vscode的文件夹(隐藏的,正常是看不见的) 3.vscode文件夹里面会生成两个文件 一个是launch.json,这是用来调试的时候,记录你调试的配置 一个是setting.js...
VScode+Maven+Tomcat构建java Web开发环境
最新发布
qq_40467855的博客
03-13 1645
本文记录使用vscode搭建基于maven的Java Web 环境。注意经过查证，VSC并不适合作为JSP文件的编辑器，就连微软也对此持推诿态度，因此，我们建议读者使用或者Eclipse来开发JAVA Web程序。如果你仍然执着于使用VSC编辑你的JSP(犟种)，你可以继续往下看。:::more大概就是怎么些玩意吧，祝你使用愉快~~~
vscode web版搭建_VS Code 1.40 公布！可自行搭建 Web 版 VS Code！
weixin_39574869的博客
01-14 947
民众号关注“GitHubDaily”设为 “星标”，带你领会手艺圈内新鲜事北京时间 2019 年 11 月 8 日，微软公布了 Visual Studio Code 1.40 版本。让我们来看看有哪些主要的更新。自建 Web 版 VS Code前不久，微软正式公布了 Visual Studio Online，包罗微软托管的 Web 版 VS Code。现在，开发者已经可以直接从 VS Code ...
mac系统vscode 搭建web开发环境
06-02
在 Mac 系统上搭建 VSCode 的 Web 开发环境，可以按照以下步骤进行： 1. 安装 VSCode：前往[VSCode官网](https://code.visualstudio.com/)下载并安装 VSCode。 2. 安装插件：打开 VSCode，点击左侧的扩展...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值