【JAVA WEB】 开发环境配置

目录

Visual studio 安装

插件安装

第一个页面编写

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

Visual studio 安装

官网下载VS code软件

链接:Visual Studio Code - Code Editing. Redefined

【JAVA WEB】 开发环境配置_第1张图片

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

【JAVA WEB】 开发环境配置_第2张图片

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

【JAVA WEB】 开发环境配置_第3张图片

插件安装

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

1>自动重命名标签

【JAVA WEB】 开发环境配置_第4张图片

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

【JAVA WEB】 开发环境配置_第5张图片

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

【JAVA WEB】 开发环境配置_第6张图片

第一个html界面编写


     
        第一个页面
    
    
        hellow world
    

第一个页面编写

html:        html文件的根标签

head:       编写页面想归安属性

title:          页面标题

body:        页面内容展示信息

双标签:    标签有开始有结束 例如:

单标签:

DOM树

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

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

效果: 显示hellow world

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

【JAVA WEB】 开发环境配置_第7张图片

【JAVA WEB】 开发环境配置_第8张图片

你可能感兴趣的:(前端)