【JAVA WEB】 开发环境配置

目录

[Visual studio 安装](#Visual studio 安装)

插件安装

第一个页面编写

前端开发工具有很多,例如sublime、idea、vscode(企业开发前端的时候非常常用的一个开发工具)。这里演示vscode的安装配置。

Visual studio 安装

官网下载VS code软件

链接:Visual Studio Code - Code Editing. Redefined

根据需要下载相应版本(这里是windows版本)

下载完成后,点击对应exe文件,默认下一步即可。

插件安装

打开安装好的VS code ,安装三个插件,分别是:

1>自动重命名标签

2>该插件安装后,可直接在VS code 中运行html

3>该插件可使我们保存代码后,已经打开的html界面自动更新

第一个html界面编写

html 复制代码
<html>
    <heada> 
        <title>第一个页面</title>
    </heada>
    <body>
        hellow world
    </body>
</html>

第一个页面编写

html: html文件的根标签

head: 编写页面想归安属性

title: 页面标题

body: 页面内容展示信息

双标签: 标签有开始有结束 例如:<head> </head>

单标签:

DOM树

所有的标签都是html的子标签,head和body是一个兄弟标签,head和title是父子标签。

每一个标签相当于一个对象,程序员可以通过代码拿到这些对象,拿到之后就可以对对象进行增删查改。

效果: 显示hellow world

右击鼠标 -> 单机鼠标右键运行

相关推荐
paopaokaka_luck2 小时前
基于SpringBoot+Uniapp的健身饮食小程序(协同过滤算法、地图组件)
前端·javascript·vue.js·spring boot·后端·小程序·uni-app
患得患失9492 小时前
【前端】【vscode】【.vscode/settings.json】为单个项目配置自动格式化和开发环境
前端·vscode·json
飛_2 小时前
解决VSCode无法加载Json架构问题
java·服务器·前端
YGY Webgis糕手之路5 小时前
OpenLayers 综合案例-轨迹回放
前端·经验分享·笔记·vue·web
90后的晨仔5 小时前
🚨XSS 攻击全解:什么是跨站脚本攻击?前端如何防御?
前端·vue.js
Ares-Wang5 小时前
JavaScript》》JS》 Var、Let、Const 大总结
开发语言·前端·javascript
90后的晨仔5 小时前
Vue 模板语法完全指南:从插值表达式到动态指令,彻底搞懂 Vue 模板语言
前端·vue.js
德育处主任6 小时前
p5.js 正方形square的基础用法
前端·数据可视化·canvas
烛阴6 小时前
Mix - Bilinear Interpolation
前端·webgl
90后的晨仔6 小时前
Vue 3 应用实例详解:从 createApp 到 mount,你真正掌握了吗?
前端·vue.js