VScode写html准备工作

已于 2022-11-18 21:46:00 修改
阅读量162 收藏 1
点赞数
分类专栏： 教程 文章标签： vscode ide 编辑器
于 2022-10-23 20:46:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/djfhfhdgd/article/details/127480324
版权

文章最后有vscode和eclipse的下载链接

df9d5aae540c4c42b9a68614a45a067a.png

选择拓展

dd942193b31340998e104b3d6402ad31.png搜索 Chinese

b38d35cdb63e45079165c96067ea6fc8.png

并选择 中文简体

Install 安装

然后重启vscode

html 准备

同样下载插件

 

2b4f2538a3d942db9044b7bde76b5edc.png30fb033d31e74dec8d0c0bb2d79cff36.png

 

创建文件夹Html

69e1cffcb10a40379cce7d68fa76b4aa.png

 

（可以在里面创建Demo1的文件夹  看起来整洁）

然后从文件打开

827933518ec344baa1f7cfbb263097ed.png 选择打开文件夹

找到你所创建的文件位置  打开

然后右键该文件夹

选择新建文件

d4462f6fdfc2412ead0d71d1c660f6f2.png

创建文件***.html(.html 后缀不可忘)

然后

65b04d24d4c342bb82ce0208bc12d13d.png

 

 

 

运行

 

7787743c7d0142b6885013ecf025dbb3.png 这个是选着以什么浏览器展现

vscode下载

eclipse 下载

 

 

 

 

 

 

 

 

 

 

 

 

哈*哈
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vscode运行html和css方法
kaiser010的博客
05-26 4610
vscode是一款源代码编辑器软件，能够用于windows、macOS以及Linux系统，开发的时候经常需要用vscode运行html文件，vscode怎么运行html和css，下面列出vscode运行html和css方法，如下。3、完成安装之后直接退回到html界面，使用鼠标右击，在弹出的选项中，点击“Open in other browse”,然后在弹出的界面中选择对应的浏览器即可。参考文章：http://tishang.net/articles/1685096063.html。
前端基础从头学——VsCode使用教程+html基础（入门篇）
DecorateCC的博客
05-01 1万+
前端基础从头学——VsCode使用教程+html基础（入门篇）
vscode在jsx 中写html,怎么使用vscode写react
weixin_36061828的博客
05-31 378
怎么使用vscode写react一、环境准备：1、下载安装VSCode，Node.js，Yarn2、打开命令行终端或powershell，输入yarn global add create-react-app安装react的脚手架create-react-app3、打开VSCode，安装相应插件必要：ESLint、DocumentThis、EasyLess、Complete JSDoc Tags、v...
使用vscode写的html页面在手机端实现预览
qyx189573的博客
07-21 8030
使用vscode写的html页面在手机端实现预览 1.准备 在vscode 中下载 live Serve 扩展插件 2.设置 打开文件------首选项 ------设置-----找到扩展中----Live Serve Config-----Settings: Custom Browser -----个人选择浏览器-----Settings: Host------设置局域网ip (在同一个局域网中)； 3.浏览 在浏览的时候选择 open with live serve 4.注意 以上需在同一局域网中，手机
VScode实现HTML的编写、运行和调试&推荐插件
热门推荐
今天怎么又下雨的博客
03-26 7万+
VScode的下载地址：VScode官网 将VScode设置为中文语言环境 在拓展程序页面搜索该名称的插件： Chinese (Simplified) Language Pack for Visual Studio Code 即为上图所展示的插件，点击2处的绿色“Install”即可下载（这里已经下载过了，所以显示的是设置图标），然后按照提示重启软件后即为中文。 如果重启后仍不为中文，可以使...
vscode新建html运行js,用Visual Studio Code创建JavaScript运行环境
weixin_29007243的博客
06-03 2898
什么是VSCodeVisual Studio Code (简称 VS Code / VSC) 是一款于2015年由微软免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。一般我们开发web应用都推荐WebStrom,但是目前自己正处于学习阶段觉得...
vscode 调试html页面,基于VSCode调试网页JavaScript代码过程详解
weixin_30051655的博客
06-03 1794
一、调试准备Windows10 64bitsIDE：Visual Studio Code1.28.2安装插件：Chrome(安装方法：Debug -> Install Additional Debuggers... -> Debugger for Chrome，重新启动vscode即可。)二、调试配置首先该插件运行需要安装有本地服务器，其次有两种配置方式，分别为：(1)launch：重...
VScode使用教程（HTML、C++、Python、Java）
liyankang的博客
04-21 3056
vscode使用教程
vscode写php高亮,写了一个Hy的vscode语法高亮插件
weixin_33332712的博客
03-11 604
-------2018 8 3-----------把函数名和参数改了，正则有点古怪，参考自带的lambda表达式才搞定但彩色括号走了弯路，各种配图有彩色括号的插件其实很少是自己搞的，其实只要再装一个Rainbow Brackets插件就好了现在的效果，基本能用啦---------------------------------用vscode-scheme改写的，能显示defn之类的，但函数名、参...
第一课 学习准备工作1
08-03
Visual Studio Code（VSCode）是一个高效且功能丰富的选择，支持代码高亮、自动完成、调试工具和大量的插件，可极大地提高开发效率。同时，保持一个笔记本记录关键概念和问题，将有助于巩固知识。推荐使用Chrome...
vscode c插件安装包
04-25
总结起来，"vscode c插件安装包"是为了让C语言开发者在VSCode中获得更好的开发体验而准备的。通过安装合适的插件和配置，VSCode可以转变为一个强大的C语言IDE，提供高效的代码编写、调试和版本控制功能。同时，利用...
vscode-java-saber:使用Java进行编码时，使vscode像Eclipse或IDEA一样工作
04-27
使用Java进行编码时，使vscode像Eclipse或IDEA一样工作。 这些功能是通过解析Java文件中的字符串来实现的。 因此，您的代码应最符合Java规范。 如果您有一些好主意，可以在此处提交。 概述 它使用户使用Java进行...
HTML常用基础学习总结
04-12
#### 四、HTML的开发准备 ##### 1. 开发环境 HTML的开发环境相对简单，可以使用以下工具： - **记事本工具**：如EditPlus、Sublime Text、VSCode等。 - **集成开发环境(IDE)**：如Eclipse、IntelliJ IDEA、...
vscode格式化代码快捷键
08-10
### VSCode格式化代码快捷键详解...希望本文能对正在准备HTML5期末大作业或其他web前端项目的同学们有所帮助。 以上就是关于VSCode格式化代码快捷键的详细介绍及相关知识点的解析，希望能对大家的学习和工作有所帮助。
VSCode远程调试Linux程序
最新发布
破竹的博客
08-05 225
VS 安装CodeRunner插件菜单→添加配置→lunch.json中设置如下：program填入要调试的文件。
VSCode在windows系统下使用conda虚拟环境配置
weixin_71113035的博客
08-02 538
VSCode使用conda虚拟环境配置
vscode中WSL插件的安装配置
m0_45953836的博客
08-02 302
在这里插入图片描述](https://i-blog.csdnimg.cn/direct/7ec21d81b4ec49f3856be2d8013bc12f.png。**wsl: 检测到 localhost 代理配置，但未镜像到 WSL。**NAT 模式下的 WSL 不支持 localhost 代理。
VSCode上安装C#环境教程
猿小白的博客
08-02 257
本章教程，教你如何在vscode上，可以快速运行一些基础的c#代码。
Sphinx、VSCode、GitHub与ReadTheDocs环境搭建指南
本文档主要介绍了如何在Ubuntu环境下搭建Sphinx、Visual Studio Code (VSCode)、GitHub和ReadTheDocs的协同工作环境，以便于编写和维护技术文档。首先，作者提到文档采用`.rst`格式，这是一种类似Markdown但支持更...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值