HBuilder、Visual Studio Code的下载、安装

时间:2024-03-21 20:50:12

HBuilder、Visual Studio Code的下载、安装HBuilder的下载、安装

首先,直接浏览器搜索“HBuilder”,进入其官网https://www.dcloud.io/
HBuilder、Visual Studio Code的下载、安装
点击DOWNLOAD,
HBuilder、Visual Studio Code的下载、安装
根据自己电脑版本,选择下载。
HBuilder、Visual Studio Code的下载、安装
下载完成 ,有一个压缩包,把压缩包解压到自己要放的路径。
HBuilder、Visual Studio Code的下载、安装
解压后,有一个文件夹,打开文件夹,里面有HBuilderX.exe应用启动程序包,双击打开,安提示安装即可。
HBuilder、Visual Studio Code的下载、安装
安装完成,文件–新建–项目,就可以使用。这里需要注意,第一次安装完成,程序会自己下载一些插件。
HBuilder、Visual Studio Code的下载、安装

Visual Studio Code的下载、安装

进入vscode官网https://code.visualstudio.com/
HBuilder、Visual Studio Code的下载、安装
点击进入下载页面,选择自己的操作系统,进入下载。
HBuilder、Visual Studio Code的下载、安装
下载完成,双击打开,安装程序,接受协议,根据提示,按步完成操作,注意选择其他任务,时勾选“添加PATH”,就不需要手动配置环境变量了,
HBuilder、Visual Studio Code的下载、安装
下载完成,打开,有可能是全英文的,就需要自己下载中文插件, 我的已经是中文的。
HBuilder、Visual Studio Code的下载、安装
在搜索框中输入,下载好后,右下方弹出提示框,是否重启使用插件,选择yes,即可。
HBuilder、Visual Studio Code的下载、安装
VSCode中常用插件,
HBuilder、Visual Studio Code的下载、安装