【2024最新】HbuilderX安装配置教程

【2024最新】HbuilderX安装配置教程

1. 下载

HbuilderX 官网：https://hx.dcloud.net.cn/

直接下载：https://hx.dcloud.net.cn/Tutorial/install/windows

传新版本。

2. 安装

绿色软件，解压即安装

还是解压到自己习惯的位置：

直接固定到开始栏：

运行出来吧

快捷键习惯就看自己了，开始体验

简单改点东西：

直接开配置的源码视图：

一般我喜欢改这些东西，我就直接贴下面了

{
	"editor.fontFamily": "Fira Code Medium",
	"editor.fontFmyCHS": "汉仪正圆-55W",
	"editor.formatOnSave": true,
	"editor.tokenColorCustomizations": {
		"[Default]": {
			"rules": [{
					"scope": "comment",
					"settings": {
						"fontStyle": "defalut",
						"foreground": "#838c84"
					}
				},
				{
					"scope": "punctuation.definition.comment",
					"settings": {
						"fontStyle": "default",
						"foreground": "#6f6f6f"
					}
				}
			]
		}
	},
	"editor.colorScheme": "Atom One Dark"
}

来个HelloWorld 吧：

直接创建

直接运行

第一次会稍微久一些

其实我一般用Vue 2，当然我也不是专攻前端

就这样。