HBuilder X安装及常用配置

已于 2022-01-23 10:08:18 修改
阅读量5.4k 收藏 7
点赞数 1
文章标签： sass 前端 css
于 2022-01-22 11:36:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46128831/article/details/122634675
版权

HBuilder X安装及常用配置

一、下载并安装

下载地址：https://www.dcloud.io/hbuilderx.html

 下载完是一个压缩包，需要解压就直接使用，不需要安装。直接双击 HBuilderX.exe启动。

二、安装插件

2.1、安装插件

工具 -> 插件安装寻找到想要安装的插件直接点击安装就可以了。

 

2.2、常用的插件

uni-app APP调试
在APP端调试工具

git插件
使用git版本管理器是需要使用

htmlhint
html语法校验

stylelint
css、less、sass语法校验

scss/sass编辑
将scss编辑成css时使用

es6
编辑es6为js或者es5使用

其余的插件根据自己的需求安装就可以了。

三、安装插件 

详细打包运行安装其他库请参考：HBuilder X安装及常用配置_逍遥客.的博客-CSDN博客_hbuilder配置

迷茫小白鼠
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
hbuilder配置
03-19
hbuilder配置
HBuilderX.7z
03-17
安装完成后，启动HBuilderX，可以根据自己的喜好设置界面主题和快捷键，导入或创建新项目开始编程。 四、HBuilderX的持续更新与社区支持 HBuilderX不断更新迭代，修复已知问题，添加新特性，以适应前端技术的快速...
HBuilderX 集成环境的安装与配置：
这里是齐尹秦的博客
06-02 1243
HBuilderX 集成环境的安装，配置与测试
HBuilder X 启用 prettier 设置
最新发布
Mo_jon的博客
07-10 228
HBuilder 启用 prettier 配置，添加 prettier.config.js
HBuilderX安装+配置教程
Siobhan_Mxin的博客
09-08 4677
HBuilderX是当前最快的HTML开发工具，强大的代码助手帮你快速完成开发，最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛！ 进入官网后，我们可以看到HBuilder目前有两个版本，一个是windows版，一个是mac版。 使用HBuilder新建项目. 依次点击文件→新建→选择Web项目 (按下Ctrl+N,W可以触发快速新建 (MacOS请使用Command+N,然后左键点击Web项目)) 如上图
HbuilderX前端开发工具的安装和配置
qq_23257451的博客
08-25 1万+
学习uniapp，使用HbuilderX编译器来按照官网的文档学习是最快速的，所以配置好开发工具，学习起来事半功倍，下面主要记录工具安装、微信开发者工具配置，真机配置、安卓模拟器配置以及遇到的问题。......
HBuilderX初次开发uni-app各种配置
graphyer的博客
03-28 1903
你需要下载HBuilder和微信开发者工具需要申请微信小程序appid当然后面的开发还有很多事情要做，慢慢去学吧，比如下载uni-ui插件使用等。
HBuilderX.3.1.9.20210413.full.zip
06-05
6. **插件生态**：HBuilderX拥有丰富的插件市场，用户可以根据个人需求安装扩展功能，如性能分析、代码质量检查等，进一步提升开发体验。 7. **协作开发**：该IDE支持多人协作模式，可以通过实时共享和同步代码，...
HBuilderX.3.2.3.20210825.zip
09-08
4. **云服务**：HBuilderX提供云编译、云打包等服务，让开发者无需配置本地环境，即可完成项目的编译和打包工作。 三、HBuilderX的使用技巧 1. **快捷键操作**：掌握HBuilderX的快捷键，能大幅提升开发效率。例如...
HBuilderX.3.6.4.20220922.zip
11-13
8. **配置文件**：用于设置HBuilderX的各项功能和首选项，如快捷键设置、代码提示等。 9. **示例项目**：演示如何使用HBuilderX进行开发的示例代码，帮助新手快速上手。 HBuilderX的特点和功能包括： - **智能编码...
HBuilderX.zip
06-08
2. 自定义快捷键：HBuilderX允许用户自定义快捷键设置，可以根据个人习惯配置，提高操作效率。 3. 利用代码片段：HBuilderX支持自定义代码片段，常用代码块可以保存为模板，快速调用，减少重复劳动。 四、总结 ...
【备份】HBuilderX及相关插件的配置文件
u013742125的博客
05-13 2086
HBuilderX及相关插件的配置文件
【2024最新】HbuilderX安装配置教程
谢谢你们的关注
04-20 888
【2024最新】HbuilderX安装配置教程
HBuilderX：HBuilderX安装以及其常用插件安装
热门推荐
YanHSama的博客
06-03 1万+
HBuilderX下载地址：https://www.dcloud.io/hbuilderx.html下载后解压即可使用！打开工具-插件安装 下载需要账号，有HBuilderX账号可以直接登录下载，没有的就需要注册后下载。
HBuilder的安装及配置路径（最全）
m0_61105833的博客
09-12 9592
第三步打开浏览找到Firefox的安装路径并选择。第三步打开浏览找到微信开发者工具的安装路径并选择。2.配置Firefox浏览器文件路径（其他雷同）第一步打开HBuilder找到工具设置。第二步打开运行配置找到浏览器运行配置。第四步启动浏览器运行选择Firefox。第二步打开运行配置找到小程序运行配置。第一步打开HBuilder找到工具设置。主题默认绿柔，点击主题切换为酷黑。
hbuilderX修改编辑器的基本设置
bbt953的博客
05-05 2490
工具——设置——打开settings.json，按需配置： { "editor.colorScheme": "Default", "editor.fontSize": 12, "editor.fontFamily": "Consolas", "editor.fontFmyCHS": "微软雅黑 Light", "editor.insertSpaces": true, "editor.lineHeight": "1.5", "editor.minimap.enabled": false, "e
HbuilderX安装及应用插件
m0_73495473的博客
10-27 3205
uni-app开发初步，HBuliderX的安装
【愚公系列】2022年11月 uniapp专题-优购电商-创建项目和项目说明
时光隧道
11-16 9267
uni-app 是一个使用 Vue.js 开发所有前端应用的框架。开发者编写一套代码，可发布到 iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。uni-app的 js API 由标准 ECMAScript 的 js API 和 uni 扩展 API 这两部分组成。标准 ECMAScript 的 js 仅是最基础的 js。浏览器基于它扩展了 window、document、navigator 等对象。
HbuildX及插件使用教程
2202_75349739的博客
05-20 3641
插件则是UNIAPP的扩展功能，可以为开发者提供更多的特性和工具支持。本篇教程将向您介绍如何使用UNIAPP插件。
hbuilderx 配置
08-24
您可以按照以下步骤进行HBuilderX的配置： 1. 安装HBuilderX：请参考中提供的链接，详细了解HBuilderX的安装及常用配置。 2. 打开HBuilderX：安装完成后，打开HBuilderX工具。 3. 导入项目：如果您有一个项目需要配置，可以将项目导入到HBuilderX中。 4. 修改后端网址：根据您的需要，修改项目中的文件"common/request/request.js"，将其中的后端网址改成您的网址。 5. 打包微信小程序代码：使用HBuilderX工具打开您的项目，然后运行到微信小程序工具。系统会自动将您的代码打包成微信小程序。 6. 解决npm相关问题：如果在项目中遇到了npm相关的问题，您可以按照中提供的解决方案进行操作。具体包括安装指定版本的npm和相应的依赖库。 请按照上述步骤进行操作，即可完成HBuilderX的配置。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [HBuilder X安装及常用配置](https://blog.csdn.net/weixin_46128831/article/details/122634675)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [开源版发卡小程序源码 云盘发卡微信小程序源码带PC端 云盘发卡系统源码.rar](https://download.csdn.net/download/winkexin/88236712)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [HBuilder X配置环境](https://blog.csdn.net/qq_39444879/article/details/128633756)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值