前端必懂的多端开发环境搭建

一、前端必懂的多端开发环境搭建

1、前端必懂的多端开发环境搭建

运用uniapp+HBuilderX完成一码多平台运行，其中最关键的是先将运行环境搭建好；我总结了我平时环境搭建的方法分享给大家；本人使用的是window系统，所以这次主要是介绍window系统的多端环境搭建，分别有H5端、微信小程序端、安卓端、ios端；

2、运用uniapp+HBuilderX完成一码多平台运行，其中最关键的是先将运行环境搭建好；我总结了我平时环境搭建的方法分享给大家；本人使用的是window系统，所以这次主要是介绍window系统的多端环境搭建，分别有H5端、微信小程序端、安卓端、ios端；

3、本人此次用的项目文件是HBuilderX默认创建的测试模板；

4、一、打开HBuilderX点击文件直接运行到浏览器

5、二、如果直接运行不了，则到设置中手动绑定浏览器文件地址

6、三、谷歌浏览器中查看运行结果，我个人多端开发一般都是用谷歌浏览器进行调试的，没办法对比其他的太好用了，谷歌浏览器YYDS

7、小程序端大多都是大同小异，需要注意的点是如果在配置文件内配置了APPID，会有可能运行不了，需要将配置文件内的APPID删掉，运行后，手动在微信小程序开发平台内改成你自己的APPID；

8、一、HBuilderX运行到小程序中、如果遇到运行不了的情况，向H5端一样手动指定小程序文件地址

9、安卓端我则是用的逍遥模拟器进行环境模拟的，当然你也可以用手机链接数据线，直接进行手机端操作；

10、二、复制HBuilderX文件中adb.exe的地址

11、三、window搜索查看高级系统设置

12、五、找到系统变量中的Path、点击编辑

13、六、点击新建，将之前复制的adbs的文件地址复制进去，确认创造新的环境变量

14、七、cmd切换后台，输入adbversion查看adb版本，检查是否可用

15、八、HBuilderX中设置Android模拟器端口

16、九、找到逍遥模拟器MEmu文件，cmd切换到该文件后台，绑定Android模拟器端口

17、十一、点击运行到AndroidApp基座

18、十二、寻找安卓模拟环境、点击运行

19、二、usb线连接苹果手机、确认信任此电脑设备

20、三、点击设置->通用->设备管理进行HBuilderX信任授权

21、四、回到HBuilderX在IOSAPP基座上运行

22、五、成功运行后，会在苹果手机里面安装一个HBuilderX软件，点开就是你的项目

23、如果大家有其他更好的多端环境搭配方案，欢迎评论处分享，谢谢！如果对你有帮助的话，麻烦给作者一个大大的赞~?

二、基于html5的web开发需要哪些软件怎样安装.配置

严格来说，基于HTML5的web开发，只需要使用记事本就可以，不过，开发效率会很低，这里推荐使用专业的工具。

WebStorm是jetbrains公司旗下一款JavaScript开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaSscript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

Notepad++是 Windows操作系统下的一套文本编辑器(软件版权许可证: GPL)，有完整的中文化接口及支持多国语言编写的功能(UTF8技术)。

Notepad++功能比 Windows中的 Notepad(记事本)强大，除了可以用来制作一般的纯文字说明文件，也十分适合编写计算机程序代码。Notepad++不仅有语法高亮度显示，也有语法折叠功能，并且支持宏以及扩充基本功能的外挂模组。

Notepad++是免费软件，可以免费使用，自带中文，支持众多计算机程序语言。

Eclipse是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，Eclipse附带了一个标准的插件集，包括Java开发工具（Java Development Kit，JDK）。

Sublime Text是一个代码编辑器（Sublime Text2是收费软件，但可以无限期试用），也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text的主要功能包括：拼写检查，书签，完整的 Python API， Goto功能，即时项目切换，多选择，多窗口等等。Sublime Text是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

AdobeDreamweaver，简称“DW”，中文名称"梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

IDEA全称 IntelliJIDEA，是java语言开发的集成环境，IntelliJ在业界被公认为最好的java开发工具之一，尤其在智能代码助手、代码自动提示、重构、J2EE支持、Ant、JUnit、CVS整合、代码审查、创新的GUI设计等方面的功能可以说是超常的。IDEA是JetBrains公司的产品，开发人员以严谨著称的东欧程序员为主。它的旗舰版本还支持HTML，CSS，PHP，MySQL，Python等。免费版只支持Java等极少数语言。

三、现在比较好用的前端开发工具有哪些啊

作为一个前端开发工程师，使用一款自己上手且功能强大的开发工具是非常重要的，但是面对这么多开发工具，到底哪个比较好呢？下面我个人推荐几款自己感觉还不错的前端开发工具，希望作为大家的参考。

作为一个编程的菜鸟，对于英语真的是有心无力，尤其是一些国外的开发工具都是英文界面，我就非常的不喜欢。hbuilder是国产的一款前端开发工具而且是免费的，对于英语不好的前端工程师是一个不错的消息。hbuilder的官方大致是这么解释为什么要开发hbuilder的：HTML最开始其实不是一个编程语言，确实用不着什么ide。但是发展到现在，7w多个语法，js越来越庞大，真开发一个达到原生水准的App，不是用以前的文本编辑器能搞定的。

目前竟然没有一个开发工具能把7w多HTML5语法提示齐全，这不科学，在原生开发里这是不可想象的，xcode之于iOS，eclipse之于Android，vs之于winphone，在语法提示、转到定义、重构、调试等方面都非常高效。作为同时熟悉原生和HTML5开发的我们，我们在开发HTML5时明显感受到效率低下。于是有了hubuilder。确实是hubuilder支持左右的前端语法代码提示，这个是我最喜欢的它的一个原因，而且还有强大的其他语言支持和开发webapp等功能，强大到没朋友。缺点也是有一些的，就是其有些稳定，有时可能会有些卡顿的现象，希望官方修复。

sublime text是一个轻量级的编辑器，也是支持各种编程语言，sublime text所有的强大功能都是支持插件的，而且快捷键十分的好用，可以极大的减少开发的劳动程度，使用sublime就是要使用其快捷键和插件。该软件的优点的轻量级但是功能强大，缺点是对于项目的管理等不是很方便，代码提示不如hubuilder强大。

这是一款很经典的前端开发工具了，以前人们使用的是它的可视化开发工具，但是现在它只能是作为一个代码编辑器来使用的，当然一些可视化的功能现在也是用的上，如要插入Flash视频等还是使用可视化简单一些，毕竟不是所有人都能纯手写哪些意义不大的代码，优点是人们熟悉稳定，支持一些可视化的插入操作，缺点是代码提示不好，不能进行快速的开发只能是作为学习使用。

总结：以上只是前端开发工具中个人比较熟悉的，除此之外还有很多优秀的前端开发工具如webstorm等，大家可根据自己的喜好选择自己习惯的工具进行开发。