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的安装与基础配置。

相关推荐
GoodStudyAndDayDayUp9 分钟前
gitlab+portainer 实现Ruoyi Vue前端CI/CD
前端·vue.js·gitlab
程序员阿明15 分钟前
vite运行只能访问localhost解决办法
前端·vue
前端 贾公子18 分钟前
uniapp -- 验证码倒计时按钮组件
前端·vue.js·uni-app
淡笑沐白23 分钟前
AJAX技术全解析:从基础到最佳实践
前端·ajax
龙正哲43 分钟前
如何在Firefox火狐浏览器里-安装梦精灵AI提示词管理工具
前端·firefox
徐徐同学1 小时前
轻量级Web画板Paint Board如何本地部署与随时随地在线绘画分享
前端
LuckyLay1 小时前
Vue百日学习计划Day4-8——Gemini版
前端·vue.js·学习
八戒社1 小时前
WooCommerce短代码Shortcodes使用方法
前端·wordpress·woocommerce
小二·1 小时前
ECharts:数据可视化的强大引擎
前端·信息可视化·echarts
蓝婷儿2 小时前
第二章:CSS秘典 · 色彩与布局的力量
前端·css