html安装及入门

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录


提示:以下是本篇文章正文内容,下面案例可供参考

一、简单介绍一下前端

三大件

  1. html 网页的骨架

  2. css:网页的皮肤

  3. JavaScript:网页的血液

开发工具

因为vscode的特点,所以我们这里安装的就是vscode

二、安装VSCode

VSCode的安装没有什么注意事项。

双击安装包运行

安装位置改不改看个人习惯,默认也没问题

默认即可

勾选上创建快捷方式

开始安装

三、VSCode相关配置

1.汉化

我这里已经安装过了,所以显示的是Uninstall,但是你们打开的话应该是install

安装成功后进行应用和重启

2.live server

3.使用前

上面两个安装完成后就可以使用了

这里创建的文件夹是用来存放html代码文件的

然后再资源管理器打开文件夹,创建文件,就可以了

注:!!!命名文件时一定要带上后缀 .html ,否则运行的话不会出现运行结果而是目录(我犯的错(;´༎ຶД༎ຶ`) ε(┬┬﹏┬┬)3)


总结

以上就是今天要讲的内容,本文仅仅简单介绍了前端软件Visual Studio code的安装与基础配置。

相关推荐
拉不动的猪3 分钟前
前端自做埋点,我们应该要注意的几个问题
前端·javascript·面试
王景程13 分钟前
如何测试短信接口
java·服务器·前端
安冬的码畜日常36 分钟前
【AI 加持下的 Python 编程实战 2_10】DIY 拓展:从扫雷小游戏开发再探问题分解与 AI 代码调试能力(中)
开发语言·前端·人工智能·ai·扫雷游戏·ai辅助编程·辅助编程
小杨升级打怪中41 分钟前
前端面经-JS篇(三)--事件、性能优化、防抖与节流
前端·javascript·xss
清风细雨_林木木1 小时前
Vue开发网站会有“#”原因是前端路由使用了 Hash 模式
前端·vue.js·哈希算法
鸿蒙布道师1 小时前
OpenAI为何觊觎Chrome?AI时代浏览器争夺战背后的深层逻辑
前端·人工智能·chrome·深度学习·opencv·自然语言处理·chatgpt
袈裟和尚1 小时前
如何在安卓平板上下载安装Google Chrome【轻松安装】
前端·chrome·电脑
曹牧1 小时前
HTML字符实体和转义字符串
前端·html
小希爸爸1 小时前
2、中医基础入门和养生
前端·后端
局外人LZ1 小时前
前端项目搭建集锦:vite、vue、react、antd、vant、ts、sass、eslint、prettier、浏览器扩展,开箱即用,附带项目搭建教程
前端·vue.js·react.js