5

浙江某男子对多端应用开发工具HBuilderX在windows下安装的解说 - ataola

 1 year ago
source link: https://www.cnblogs.com/cnroadbridge/p/17090604.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

同学,学uni-app好啊,大致上写一套代码能生成这么多个平台的应用,我简单念一下,它们分别是Android应用、IOS应用、Web应用、微信小程序、支付宝小程序、百度小程序、字节跳动小程序、快应用、qq小程序、360小程序、快手小程序、飞书小程序、钉钉小程序、京东小程序。

哇偶!好好好,图省力那你学它吧,嘿嘿嘿,我们先从安装教程讲起,我们先来看看在Windows下怎么安装HBuilderX这个美丽的软件。

43033a8d597a4848a18e04b85fdb9664~tplv-k3u1fbpfcp-zoom-1.image

老规矩,拍拍手👏,上菜。

安装和运行项目教程

第一步,我们打开网址https://www.dcloud.io/hbuilderx.html 开始做题,如果你是windows用户选图中A或者B,如果你是mac用户选C,如果你是unix或者Linux用户,没有这个选项,弃题吧!!!不弃题你就去跟DCloud公司提需求,快点开发Linux下的开发者工具。

ec4961ff43874b008d619f05729c8e95~tplv-k3u1fbpfcp-zoom-1.image

第二步,找到这个刚才下载的软件,然后把鼠标双击左键给我点起来,哦,是个免安装的快捷版本啊,那等一下,我先想想。

4b19b2f356f34c349586245e8297d079~tplv-k3u1fbpfcp-zoom-1.image

第三步,我想好了,我给它放这里,那么对于同学你呢,我建议啊,你选个非系统盘,然后新建一个文件夹,再然后呢,把文件拷过去,具体的如下,哈哈哈哈,这是可以播的嘛。

dc8fe0d6b66d42599c566e0535a06dce~tplv-k3u1fbpfcp-zoom-1.image

第四步,找到这个绿色的H5字体屎白色的这个图标名字叫“HBuilder.exe”的文件,然后右键发送快捷方式到桌面,这样子的好处是,你下次就可以不用点击到这个里面了,可以在桌面打开。

80107af561a64c1bad38cd66883d94cc~tplv-k3u1fbpfcp-zoom-1.image

第五步,我们看一下效果吧,你会发现这个exe文件的快捷方式名字太拖沓,鼠标点一下,给它命名为HBuilderX,我们双击看下DCloud做的产品长啥样吧。

89a5d2e26b174179a86d8f3cca883e48~tplv-k3u1fbpfcp-zoom-1.image

第六步,看到了吗,双击后长这样,又到了做选择题的时候,有ABC三个三个选项,我选C,这个又骚又酷黑的颜色艳丽的,然后呢,快捷键我们选择这个宇宙最好用的轻量级编辑器VS Code。

aaa6a3897b3249e79d09d89d6ac20008~tplv-k3u1fbpfcp-zoom-1.image

第七步,这里小编简单地演示下,我选择导入,然后选择本地项目

3ba58d3087b7481991e23711cef15447~tplv-k3u1fbpfcp-zoom-1.image

第八步,AB瞄一眼,直接点C走下一步。

8bd8a70d214c421f9f4926905fe6c355~tplv-k3u1fbpfcp-zoom-1.image

第九步,我们选择运行,然后运行到小程序模拟器,然后选择微信开发者工具。

40e97ca8a08c4b05ba8ad6b349c5d8ae~tplv-k3u1fbpfcp-zoom-1.image

第十步,把你电脑微信开发者工具安装好的路径告诉DCloud公司开发的软件,点击确定。

409846841ef14008ad6b58e6dabfc2b8~tplv-k3u1fbpfcp-zoom-1.image

你看到了么,DCloud公司有个春招的广告,然后开始进行下载软件相关的编译工具了。

fb948270e4b741ceb2c59b20b37599f9~tplv-k3u1fbpfcp-zoom-1.image

闹你看,这个下载成功就好了,它叫我们重新运行一次。

e6d0da42dc8c435bbe73a6128ff7f907~tplv-k3u1fbpfcp-zoom-1.image

看到有这个报错,没关系的,它自己会好的。

cf66a832fa7e418d85b481ddf5b57f99~tplv-k3u1fbpfcp-zoom-1.image

然后再看到这个报错,这个要人为干预一下,它不会自己好的,具体的往下面看吧

d40a3debdec3425cbc202117f6f630d0~tplv-k3u1fbpfcp-zoom-1.image

然后就会定位到这个贴子,其它都别看了别看了,看打勾那一句就好了。

8ceb983e98664d19906ae825f6f9b819~tplv-k3u1fbpfcp-zoom-1.image

试试看能不能找到它,有!!!

8f886c69f5b541898314b162ad72ba68~tplv-k3u1fbpfcp-zoom-1.image

找到就好了,意思一下探索发现吃吃瓜好啦,都2023年了,再过不久自动驾驶都量产批发上市场了,还在那里用手动挡,直接打开微信开发者工具,GUI手动挡走一遍么好了喽。

打开微信开发者工具,然后点击设置然后再点击安全设置。

f12af6a8a7b7428381f11445c416cf97~tplv-k3u1fbpfcp-zoom-1.image

把它们都开起来,服务器端口,允许获取工具登录票据。

3a09a2de50584d9d9e44322197b46216~tplv-k3u1fbpfcp-zoom-1.image

好,运行成功,今天的教程就讲到这里,下班了下班了,星期五去看电影吧。

7386cec336184b2e85f1439369b20d69~tplv-k3u1fbpfcp-zoom-1.image
1f10e1a7b7274bc1acf5d7e0d4a1c7ec~tplv-k3u1fbpfcp-zoom-1.image

额,写完了,最后留个思考题,我弱弱地提个问题,那么用这个软件创建的项目没有package.json,假如说啊,我要用vscode去把它打开并且跑起来要怎么做,知道的大佬请回答一下或者贴一些有用的连接,感谢!


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK