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

相关推荐
Elena_Lucky_baby5 分钟前
实现路由懒加载的方式有哪些?
前端·javascript·vue.js
Domain-zhuo6 分钟前
如何利用webpack来优化前端性能?
前端·webpack·前端框架·node.js·ecmascript
理想不理想v10 分钟前
webpack如何自定义插件?示例
前端·webpack·node.js
小华同学ai28 分钟前
ShowDoc:Star12.3k,福利项目,个人小团队的在线文档“简单、易用、轻量化”还专门针对API文档、技术文档做了优化
前端·程序员·github
觅远33 分钟前
python实现word转html
python·html·word
王解1 小时前
Vue CLI 脚手架创建项目流程详解 (2)
前端·javascript·vue.js
刘大浪1 小时前
vue.js滑动到顶便锁定位置
前端·javascript·vue.js
小金刚®1 小时前
构建简洁之美:我的第一个前端页面
前端
ordinary902 小时前
指令-v-for的key
前端·javascript·vue.js
rpa_top2 小时前
RPA 助力电商:自动化商品信息上传,节省人力资源 —— 以影刀 RPA 为例【rpa.top】
大数据·前端·人工智能·自动化·rpa