前端开发-编辑器安装-HbuilderX安装过程与基本使用 0226

其他 2020-02-27 22:48:31 阅读次数: 0

代码编写工具

在这里插入图片描述

HBuilderX 下载与安装

https://www.dcloud.io/hbuilderx.html

HBuilderX 安装过程

官网下载
在这里插入图片描述

得到压缩包

在这里插入图片描述

解压后，得到目录

在这里插入图片描述

进入目录，找到启动程序

在这里插入图片描述

双击exe文件，出现界面

在这里插入图片描述

开始体验

可见欢迎画面

在这里插入图片描述

新建一个项目

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

新建一个html文件

文件》新建》html文件

在这里插入图片描述

创建成功可见

在这里插入图片描述

看见代码的效果

1，先改一下代码

在这里插入图片描述

2，选择浏览器运行查看效果

在这里插入图片描述

运行前记得要先保存一下

在这里插入图片描述

效果就出来了

在这里插入图片描述

ifubing
发布了941 篇原创文章 · 获赞 44 · 访问量 13万+
他的留言板 关注

猜你喜欢

转载自blog.csdn.net/ifubing/article/details/104515677
今日推荐
周排行
成为C++高手之宏与枚举
在CAD二次开发中使用进度条
Js插件ECharts，HighCharts学习网址整理
Celery提交任务出错(on windows.)
cephfs内核客户端性能追踪
thinkphp中PHPExcel用法
EntityFramework动态组合多排序字段
汇编语言（八）实验9 根据材料编程
安装ubuntu后必须做的事情（对我而言）
JS函数式编程
每日归档
更多
2024-10-22(0)
2024-10-21(0)
2024-10-20(0)
2024-10-19(0)
2024-10-18(0)
2024-10-17(0)
2024-10-16(0)
2024-10-15(0)
2024-10-14(0)
2024-10-13(0)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022