查看电脑版本

按下Win+R调出运行窗口，然后直接输入dxdiag

下载

打开官网:

https://code.visualstudio.com/

下载

安装

下一步

安装后默认是C盘

设置中文Chinese (Simplified)

到此安装成功

安装插件 Live Server

设置打开的默认浏览器

chrome打开

然后用Visual Studio Code打开html，然后右击Open with Live Server就可以了

测试

在桌面上新建一个文件夹

拖入进入前端开发工具中

新建一个文件起名为cs.html

快捷键!

代码如下

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body>测试页面
</body>
</html>

HTML基础学习之(一)安装前端开发工具Visual Studio Code相关推荐

微软家族的首个跨平台开发工具 Visual Studio Code
微软家族的首个跨平台开发工具 Visual Studio Code 长这样哦.很多童鞋说像 Atom,其实他们在官网就说了用的是 Electron Shell(Atom) Why Visual Stu ...
初识Web前端开发及Visual Studio Code的安装
一.前端的构成: 前端由HTML,CSS,JavaScript构成,且HTML,CSS,JavaScript都是单独的语言,HTML,CSS,JavaScript一起构成前端的技术基 ...
前端网页开发工具Visual Studio Code推荐
前端开发有很多软件可使用,笔者用过Adobe Dreamweaver CS6 ,IntelliJ IDEA ,还有webstrom.但是这些虽然有他们的好处,比如 Dreamweaver 他特有的视图 ...
node.js开发工具--visual studio code
visual studio code,个人觉得这是开发node最好的编辑器,没有之一. 下载地址:https://code.visualstudio.com/Download 之前的版本只能开一个窗口 ...
【教程】 .Net环境和开发工具Visual Studio的安装
文章目录前言: 1. .NET环境的安装: 2. Visual Studio工具的安装: 总结: 前言: .NET 是一个免费的跨平台开放源代码开发人员平台,用于生成多种类型的应用程序. .NET ...
ESP32学习（1）：ESP-IDF基于Visual Studio Code环境
目录 [一]安装开发编译环境Visual Studio Code [1]先到乐鑫官网下载 [2]解压安装 [二]安装 ESP-IDF VS Code 插件 [1]安装扩展platformIO IDE ...
派森编程软件python-零基础学习Python需要用什么开发工具？
最近有不少读者私信我,这不刚开始学习Python就开始遇到难题了,对于Python IDE都比较纠结,希望找到一些适合自己的.Python开发工具.本篇给大家分享几款Python开发工具,供正在纠结用 ...
安装安卓开发工具-Android Studio
本文简介搭建Android Studio安卓开发环境. 操作步骤一.下载Android Studio 下载迅雷加速下载(网速快的,直接略过本步骤).预计耗时:1分钟在浏览器或者迅雷中打开如下网址 ...
4.前端开发工具介绍以及下载使用
支持戳这里看视频学习 →→→ [上]前端开发工具介绍与下载...[下]写人生中第一个HTML 戳这里可看全系列内容 →→→ 戳我戳我戳我文章目录一.前言二.编辑器介绍 1.VSCode a.介绍 ...

HTML基础学习之(一)安装前端开发工具Visual Studio Code

查看电脑版本

下载

安装

chrome打开

测试

HTML基础学习之(一)安装前端开发工具Visual Studio Code相关推荐

最新文章

热门文章