打包前端源碼軟體

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 一個功能比較強大的文本編輯器，也支持多種編程語言.，而且他還有文本對比功能；