HTML开发工具的安装与使用(HbuilderX)

最新推荐文章于 2024-04-16 10:01:51 发布
最新推荐文章于 2024-04-16 10:01:51 发布
阅读量1.7k 收藏 2
点赞数
分类专栏： # 前端-html基础 文章标签： 前端开发工具的使用 HbuilderX H5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43167546/article/details/102732931
版权

HTML开发工具的安装与使用(HbuilderX)

文章目录

一. 软件下载

浏览器搜索HbuilderX下载,下载成功之后根据提示完成安装.(不需要配置环境)

二. 工具结构

在这里插入图片描述

三. 创建项目

在这里插入图片描述

点击左边新建按钮，然后选中项目，弹出如下窗口。

在这里插入图片描述

项目名称：驼峰命名法，多个英文单词组成，每个单词首字母要大写。

路径：自己创建一个文件夹，用该文件夹管理所有的项目工程。

模板：选择基本HTML项目模板，自动生成HTML结构。

四. 工程目录结构

在这里插入图片描述

LessonHTML：当前工程。

Css文件夹：用来管理当前工程中所有的css文件。

Img文件夹：用来管理当前工程中所有图片素材。

Js文件夹：用来管理当前工程中所有的js文件。

Index.html:首页，.html,后缀结尾的都是网页.

前端新手W
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Struts html标签的孪生兄弟:htmlx
03-17
此标签不需要定义动态form，但能保持输入的值，特别适用于查询条件。 具体用法查看：http://sjsky.javaeye.com/blog/610729
HTML入门与HBuliderX下载安装及使用
qibulemingzi的博客
11-20 8231
1.什么是HTML？     HTML是超文本标记语言（文字、图片、视频、音频…）     HTML不是编程语言，是一种标记语言 2.如何运行HTML文件？     HTML文件是运行在浏览器之上的，HTML具有跨平台性，可以运行在Windows、MacOS、Linux、移动设备 3.HTML文件的后缀名是什么？     HTML文件的后缀名是 .h
HTML Builder：快速构建HTML页面的新工具
最新发布
gitblog_00016的博客
04-16 287
HTML Builder：快速构建HTML页面的新工具 项目地址:https://gitcode.com/jrummyapps/html-builder 在Web开发的世界中，效率和灵活性是关键。HTML Builder是一个强大的在线工具，旨在帮助开发者和非开发者快速、简便地创建和编辑HTML页面。通过提供可视化的代码编辑环境和预览功能，它降低了HTML学习曲线，使任何人都可以轻松上手。 项目...
html&css，Hbuilder入门小项目——我的淘宝，相似
小彩虹的博客
01-11 6909
用Hbulider做一个小项目 假设你现在有Hbuilder，我用的是Hbuilder。（没有的亲可以去下载，这是官网网址：http://www.dcloud.io/） 首先你安装好之后的打开页面应该是这样子的 然后新建一个web项目  此时弹出此窗口 只需要想我一样写个项目名字，选个文件路径就可以了。 然后如下图:(我们就可以进入开发啦) 右击img文件--》然后点...
Visual Studio Code开发HTML安装教程及简易示例
热门推荐
程序员龙一
02-07 1万+
VSCode开发HTML安装教程及简易示例 安装环境：Win10 1 下载、安装Visual Studio Code 下载 点击下面链接，点击Download按钮下载安装包。 Visual Studio Code 免费下载地址 安装 VSCode的安装非常简单，只要根据软件安装提示，点击“下一步”和完成即可。 2 VSCode汉化 VSCode这款软件对中文使用这非常友好，我们可以通过安装中文插件的方式实现软件的汉化。 在输入框中输入“ Chinese (Simplified) Language ”；
使用HBuilder制作一个简单的HTML5动漫网页——小林家的龙女仆 HTML+CSS学生个人网页制作 学生静态HTML网页源码 dreamweaver网页作业 简单网页课程成品
HTML网页设计
07-28 7379
本文主要介绍了使用HBuilder制作一个简单的HTML5网页，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着来一起学习学习吧
Hx Builder开发自己的第一个html页面
weixin_45658815的博客
01-04 3055
hx builder创建自己的第一个html文件
第一章 html环境配置(编辑器：HBuilder X)
yuyeze的博客
09-03 1659
学习html的第一步就是环境配置(个人见解，不喜勿喷)，今天就来讲解一下本专栏‘html css javascript学习笔记’的环境配置。(本专栏用的编译器为‘HBuilder X’)本次程序不是很难，如有问题，请私信。
前端开发工具之HBuilder X
12-27 3370
HBuilderX还提供了多种前端框架和技术支持，如Vue.js、React、uni-app和微信小程序等，开发者可以根据自己的需求选择合适的框架进行开发。综上所述，HBuilderX是一款功能强大、易于使用的移动应用开发工具，可以帮助开发者快速构建高质量的移动应用。它具有多种特色和优势，如高效的项目管理、智能代码提示和自动补全、集成调试器和测试工具、多屏幕支持、可定制的界面和主题、跨平台兼容性、插件扩展性、国际化支持和CI/CD集成等。目前有500万开发者在使用HBuilderX。
Uni-app运用HBuilderX和微信web开发者工具做微信小程序
m0_75260695的博客
06-14 6593
Uni-app的介绍:uni-app是一个使用vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5以及各种小程序、快应用等多个平台.HBuilderX中的H是HTML的首字母，Builder是构造者，X是HBuilder的下一代版本。简称HX。HX是轻如编辑器、强如IDE的合体版本。微信web开发者工具的介绍:为帮助开发者更方便、更安全地开发和调试基于微信的网页，我们推出了微信 web 开发者工具。
HTML.xmind
10-16
自己整理的一些html的知识，整理成思维导图了
前端开发工具：HBuilder X
09-27
用来编写html，js，css等等前端代码，也可以编写网页等等
HBuilderX.2.2.2.20190816.zip
08-23
语法提示精准、全面、细致，转到定义、重构完善提供比其他工具更优秀的vue支持大幅提升你的vue开发效率清爽护眼界面清爽简洁，绿柔主题经过科学的脑疲劳测试，最适合人眼长期观看的主题界高效极客操作HBuilderX对字...
免费 Web 应用程序开发工具 HBuilderX 2.9.8.20201110 中文版.zip
05-23
免费 Web 应用程序开发工具 HBuilderX 中文版免费 Web 应用程序开发工具 HBuilderX 中文版 HBuilder X 功能特色： 轻巧、极速 10M的绿色发行包。 C++架构，启动速度、大文档打开速度、 编码提示，都极速响应。 强大...
hbuilderx-extension-docs:HBuilderX插件开发文档
03-19
HBuilderX ，H是HTML的首字母，生成器是构造者，X是HBuilder的下一代版本。我们也简称HX 。 HX是轻如编辑器，强如IDE的合体版本。 让我们简单了解下HX的特点 轻巧仅10余M的绿色发行包（不含插件） 极速不管是启动...
HBuilderX.2.5.1.20200103.full.zip
07-29
最轻便最快捷的HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。 [1] HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写
HTML前端学习环境安装以及环境建立
a969667的博客
12-15 413
3.全部下载完成后，进入资源管理器（软件左上角），看见打开文件夹点击，自行新建一个文件夹（注：这个文件夹将存放以后你写的程序代码），完成后在资源管理器中会看见自己建的文件夹（如图“前端”），然后点击该文件夹，并在里面再建一个文件夹（如图“第一次”）（文件夹名称后面从左到右数第二个为新建文件夹），然后点击（如图‘第一次’）通过文件夹名称后面从左到右数第一个功能——新建文件，创建写代码的环境【注：创建文件时，文件名称后面必须添加( .html )的后缀，否则无法编写程序！
用HbuidlerX写uniapp引用vant组件中的Vant Weapp
weixin_67307854的博客
03-09 1246
用HbuidlerX写uniapp引用vant组件中的Vant Weapp
开发工具HBuilder X的介绍
04-25
HBuilder X是一款跨平台集成开发环境（IDE），可以用于开发基于HTML5技术的Web网站、移动应用和桌面应用。它支持多种前端框架，如Vue、React、Angular等，同时也可以用于创建原生应用和小程序。HBuilder X提供了丰富...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值