打包前端源码软件

1. 前端什么样的代码开发工具好用

为了让入行新人能够更快的掌握Web前端开发，千锋武汉小编推荐五个优秀的前端开发工具，供小伙伴们参考。

框架类：Bootstrap

全世界最流行的响应式前端框架。基于HTML、CSS、JAVASCRIPT的，它在jQuery的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格。并兼容大部分jQuery插件。简洁灵活，使得Web开发更加快捷。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

代码编辑器：Codepen、VScode

CodePen是一个在线的HTML、CSS和JavaScript代码编辑器，能够编写代码并即时预览效果。可以用于在线展示的作品，也可以看到其他人在网页中实现的各种令人惊奇的效果。

VScode免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。

性能测试：Google PageSpeed Insights

PageSpeed是谷歌的网页测试工具，通相信有接触前端开发的大神们都听说过Google官方的PageSpeed Tools，这个网页载入速度检测工具有在线版本也有一个 Chrome扩展，叫PageSpeed Insights。PageSpeed Insights的Chrome扩展是由谷歌官方开发的一款可以分析页面载入的各个方面，包括资源、网络、DOM以及时间线等等信息的插件，过检测评分给你优化建议。

调试类：AtomAptana Studio

它是非常强悍的JavaScript编辑器和调试器，可以支持多种AJAX和JavaScript工具箱，包括JavaScript编辑和调试。具有智能代码完成、浏览器兼容性提示、代码错误提示、文档结构树等功能。

HTML5：HTML5测试得分能够提示您正常使用的浏览器对于HTML5标准和相关规范的支持情况的指标。

前端开发工具数量很多，这里只是推荐了千锋武汉HTML5前端小编觉得比较好的5个前端开发工具。如果你有更好的意见，欢迎给我们留言分享。

2. 前端开发常用哪些工具软件

前端开发的编译器在选择上还是很多的。在学校里，老师主要讲三个前端开发软件：

1、WebStorm

帮助编写HTML、CSS、Less、Sass和Stylus代码，并且支持Node.js和主流框架，如React、Angular、Vue.js、Meteor等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。但是付费软件。

2、IntelliJ idea

页面很简单，乍一看像是一个记事本，它也确实可以当记事本用。有很多特色插件可以使用，支持多种编程语言的语法高亮显示，具有代码折叠功能。

2、HBuilderX

HBuilderX是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。是HBuilder下一代版本，具有轻便、适合vue框架的特点。

3. 写前端用哪个软件好

编写代码的软件有不少：WebStorm、Sublime、HBuilderX、Editplus和Dreamweaver等。
每个软件各有优缺点。
我自己主要用Dreamweaver这个软件，用习惯了；有时用一下 HBuilderX

4. 学web前端开发需要用哪些软件

web前端开发除了PS、DW之外，还有一些常用的前端开发工具，以下仅列出前端工程师常用的两款：
1、WebStorm：WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。
个人经验：WebStorm优点是代码提示、高亮等等，支持很多框架。非常适合项目开发。缺点是启动稍慢。
2、Sublime Text3：Sublime Text 是一个代码编辑器，也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来，它最初被设计为一个具有丰富扩展功能的Vim。
个人经验：Sublime Text3通过安装不同的插件可以完美支持各种语言。相对于webstrom，它的启动速度非常快，常用于修改单个文件的错误或者调试。

5. web前端开发常用又好用的几个软件

可以网上看看

6. 写代码的软件有哪些

写代码可以用的软件有：Webstorm、Vscode、SublimeText、HBuilder、Dreamweaver、notepad++、editplus等。

代码就是程序员用开发工具所支持的语言写出来的源文件，是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。代码设计的原则包括唯一确定性、标准化和通用性、可扩充性与稳定性、便于识别与记忆、力求短小与格式统一以及容易修改等。源代码是代码的分支，某种意义上来说，源代码相当于代码。现代程序语言中，源代码可以书籍或磁带形式出现，但最为常用格式是文本文件，这种典型格式的目的是为了编译出计算机程序。计算机源代码最终目的是将人类可读文本翻译成为计算机可执行的二进制指令，这种过程叫编译，它由通过编译器完成。做前端开发，写代码的软件是必不可少的。主流的前端开发写代码软件有：WebStorm、Vscode、Sublime Text、HBuilder、Dreamweaver、notepad++、editplus等，下面我们一起来看看。
做前端开发，写代码的软件是必不可少的。主流的前端开发写代码软件有：WebStorm、Vscode、Sublime Text、HBuilder、Dreamweaver、notepad++、editplus等，下面我们一起来看看。
1.WebStorm【推荐】
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。WebStorm的过人在于，商家不断的更新版本。
2.Visual Studio Code（简称：Vscode）【推荐】
Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器，启动非常快，完全可以用来代替其他文本文件编辑工具。还可以用来做开发，支持各种语言。软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，新增PHP语法高亮。
3.Sublime Text
Sublime Text是一个代码编辑器也是HTML和散文先进的文本编辑器。拥有着漂亮的用户界面和非凡的功能，例如迷你地图，多选择，Python的插件，代码段，等等。完全可自定义键绑定，菜单和工具栏。其主要功能包括：拼写检查，书签，完整的Python API，Goto功能，即时项目切换，多选择，多窗口等等。
4.HBuilder
HBuilder是DCloud推出的专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。
5.Dreamweaver
Dreamweaver是由Macromedia公司开发的一款所见即所得的网页编辑器。所见即所得的网页编辑器的优点有直观性、使用方便、容易上手。它使用所见即所得的接口，亦有HTML编辑的功能。熟练掌握Dreamweaver软件的使用，无论是设计师还是工程师，它都能有效提高你的工作效率。
6.Notepad++
Notepad++是一款Windows操作系统下的一套文本编辑器。此软件是免费软件，可以免费使用，自带中文，小巧高效，支持27种编程语言，通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等，Notepad++ 内置支持多达27种语法高亮度显示。Notepad++除了可以用来制作一般的纯文字说明文件，也十分适合编写计算机程序代码。
7.Editplus
Editplus是一款由韩国Sangil Kim出品的小巧但是功能非常强大的文字编辑器，拥有无限制的Undo/Redo（撤销）、英文拼字检查、自动换行、列数标记、搜寻取代、同时编辑多文件、全屏幕浏览功能。除了支持HTML, CSS, PHP, ASP, Perl, C/C++, Java, JavaScript, VBScript的代码高亮外，还内建完整的HTML和CSS指令功能。

7. 怎么讲前端的代码打包成web app

方法/步骤

下载安装MyEclipse2014，android SDK，eclipse(需配置Android开发环境)
Java和Android环境安装与配置，将另写经验分享，读者也可网络参考其他相关资料，自行安装
打开MyEclipse2014，新建一个HTML5 Mobile Application Project，命名，例如：hello

html5程序在工程www目录下编辑；
编辑好我们的html5程序，下面就要开始学习打包了

这里介绍两种打包方式：1、PhoneGap Build Service 打包
PhoneGap官网有相关教程可参考，不具体介绍
2、android SDK +eclispe 打包

android SDK +eclispe 打包(前提已配置好，android开发环境)：
Step1、启动eclipse，新建Android Application Project，即Android工程，命名，例如：hello

Step2、将前面Myeclipse2014中编辑好的HTML5程序(www整个目录）拷至刚刚在eclipse新建hello工程对应assets目录下面

Step3、下面要做的就是如何将我们的HTML5程序在Android应用中启动，这里我们要使用Android系统自带的WebView控件（具体信息参考Adroid开发文档）---在工程下找到res->layout->activity_main.xml并打开，向里面插入WebView控件，编辑好自己想要的样式

Step4、在主程序入口，用刚刚编辑好的WebView控件将HTML5程序引入，此时，主体功能已实现，编译工程即可得到apk

8. 前端开发常用又好用的几个软件

正所谓“工欲善其事必先利其器”，一名合格的Web前端开发工程师自然会用到不少能使其工作高效的工具。下面，就给大家分享Web前端学习需要了解的十款HTML5开发工具。

1、Lungo

Lungo是一款基于HTML5的开发框架，专为想要设计、构建和共享跨设备应用的开发者而准备。支持开放的Web标准，如HTML5、CSS3和JavaScript；支持手机、电视以及桌面设备。拥有强大的JavaScript API：开发WebAPP应用有很多种方式，而不是一味的优化。Lungo提供了一个强大的API，这样你可以完全掌控自己的WebAPP应用程序。

2、Animatron

Animatron是一款简单而又强大的在线工具，通过它，你可以创建出令人惊叹的的HTML5动画和互动内容。使用非常直观的Animatron编辑器去设计和发布完美的移动产品，同时也可以到处播放的电影和信息图表等，从桌面浏览器到移动设备，无需编码，所见即所得。

9、Eclipse

Eclipse的本身只是一个框架平台，但是众多插件的支持使得Eclipse拥有其他功能相对固定的IDE软件很难具有的灵活性。许多软件开发商以Eclipse为框架开发自己的IDE。Eclipse最初是由IBM公司开发的替代商业软件Visual Age for Java的下一代ide开发环境，2001年11月贡献给开源社区，现在它由非营利软件供应商联盟Eclipse基金会（Eclipse Foundation）管理。

10、DevExtreme

DevExtreme是专为你的移动世界精心准备的，一个跨平台开发的HTML5/JS框架，可以构建iOS、Android、Tizen和Windows Phone 8应用程序，是Visual Studio开发人员开发跨平台移动产品的优选工具。

以上就是为大家分享的十款HTML5开发必备的工具，相信这些工具一定会让你帮你在从事Web前端开发过程中提高效率，打开一扇新的大门。

9. web前端打包工具有哪些

工具很多，目前常用的是webpack， grunt等，在没出现更好的工具之前，学好这两个其中的一个基本都够用了。

10. 前端开发常用哪些工具软件

1: sublime 是个代码编辑器, 有很好扩展能力和完全开放的用户自定义配置与神奇实用的编辑状态恢复功能；
2: webstorm 是一个WEB前端开发神器,功能非常强大(强推)；
3: eclipse 就其本身而言，它只是一个框架和一组服务，但他有很强大的插件集，用于通过插件组件构建开发环境, 用来进行扩展；
5: Dreamweaver 一个非常经典的开发工具。
6: notepad++ 文本编辑器,软件小巧高效，支持27种编程语言;
7: EditPlus 一个功能比较强大的文本编辑器，也支持多种编程语言.，而且他还有文本对比功能；