⑴ 現在前端一般用什麼軟體
1、Adobe Dreamweaver CS6
Dreamweaver CS6是世界頂級軟體廠商Adobe推出的一套擁有可視化編輯界面,用於製作並編輯網站和移動應用程序的網頁設計軟體。由於Dreamweaver支持代碼、拆分、設計、實時視圖等多種方式來創作、編寫和修改網頁,對於初級人員,你可以無需編寫任何代碼就能快速創建Web頁面。其成熟的代碼編輯工具更適用於Web開發高級人員的創作!
2、Adobe Edge
Adobe Edge是一個用HTML5、CSS、Java開發動態互動內容的設計工具。它的一個重要功能是web工具包界面,用於方便確保在不同瀏覽器中架構的一致性,此外,Adobe Edge還將整合TypeKit這樣的字體服務。通過Edge設計的內容可以兼容iOS和Android設備,也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器上。
3、DevExtreme
DevExtreme Complete Subion是性能最優的HTML5,CSS和Java移動開發框架,可以直接在Visual Studio集成開發環境,構建iOS,Android,Tizen和Windows Phone 8應用程序。DevExtreme包含 PhoneJS 和 ChartJS 兩個原生UI組件,並且提供源代碼。目前,DevExtreme支持VS2010/2012/2013集成開發環境,兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移動平台,是Visual Studio開發人員開發跨平台移動產品的首選工具。
4、JetBrains WebStorm
WebStorm 是jetbrains公司旗下一款JS開發工具。被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaS IDE」等。與IntelliJ IDEA同源,繼承了IntelliJ IDEA強大的JS部分的功能。
5、Sencha Architect
在開發移動和桌面應用的工具中,Sencha的定位是HTML5可視化應用開發。開發團隊可以在一個單一集成的環境中完成應用的設計、開發和部署。開發者還可以開發Sencha Touch2和Ext JS4 Java應用,並實時預覽。
6、Initializr
Initializr 是製作 HTML5 網站最好的入門輔助開發工具,你可以使用提供的特色模板快速生成網站,也可以自定義,Initializr 會為你生成代碼簡潔的可定製的網頁模板。
7、HTML5demos
想知道你的瀏覽器是否支持 HTML5 Canvas 嗎?想知道 Safari 是否可以運行簡單的 HTML5 聊天客戶端嗎?HTML5demos 會告訴你每一個HTML5特性在哪些瀏覽器中支持。
8、HTML5 Tracker
想了解 HTML5的最新動向嗎? 使用 HTML5 Tracker 吧,它可以跟蹤 HTML5 最新修訂信息。
9、HTML5 visual cheat sheet
想要快速超找一個標簽或者屬性嗎?看看這個非常酷的速查手冊吧,每個Web開發人員的必備。
10、Switch To HTML5
Switch To HTML5 是一個基礎而實用的模板生成工具。如果你開始一個新項目,可以到這里獲取免費的 HTML5 網站模板。
11、HTML5 Test
你瀏覽器准備好迎接 HTML5 革命了嗎?HTML5 Test 將告訴你。這個網站會為你當前使用的瀏覽器生成一份對video、audio、canvas等等特性的支持情況的完整報告。
12、Lime JS
LimeJS 是一個 HTML5 游戲開發框架,用於快速構建運行於觸屏設備和桌面瀏覽器的游戲。非常棒的HTML5開發工具,一定要用用試試。
以上就是向大家推薦12款優秀的HTML5開發工具。希望能幫到大家。
⑵ 對於前端開發我們需要什麼樣的工具
作為一個前端開發工程師,使用一款自己上手且功能強大的開發工具是非常重要的,但是面對這么多開發工具,到底哪個比較好呢?下面我個人推薦幾款自己感覺還不錯的前端開發工具,希望作為大家的參考。
1、hbuilder
作為一個編程的菜鳥,對於英語真的是有心無力,尤其是一些國外的開發工具都是英文界面,我就非常的不喜歡。hbuilder是國產的一款前端開發工具而且是免費的,對於英語不好的前端工程師是一個不錯的消息。hbuilder的官方大致是這么解釋為什麼要開發hbuilder的:HTML最開始其實不是一個編程語言,確實用不著什麼ide。但是發展到現在,7w多個語法,js越來越龐大,真開發一個達到原生水準的App,不是用以前的文本編輯器能搞定的。
目前竟然沒有一個開發工具能把7w多HTML5語法提示齊全,這不科學,在原生開發里這是不可想像的,xcode之於iOS,eclipse之於Android,vs之於winphone,在語法提示、轉到定義、重構、調試等方面都非常高效。作為同時熟悉原生和HTML5開發的我們,我們在開發HTML5時明顯感受到效率低下。於是有了hubuilder。確實是hubuilder支持左右的前端語法代碼提示,這個是我最喜歡的它的一個原因,而且還有強大的其他語言支持和開發webapp等功能,強大到沒朋友。缺點也是有一些的,就是其有些穩定,有時可能會有些卡頓的現象,希望官方修復。
2、sublime text
sublime text是一個輕量級的編輯器,也是支持各種編程語言,sublime text所有的強大功能都是支持插件的,而且快捷鍵十分的好用,可以極大的減少開發的勞動程度,使用sublime就是要使用其快捷鍵和插件。該軟體的優點的輕量級但是功能強大,缺點是對於項目的管理等不是很方便,代碼提示不如hubuilder強大。
3、dreamwave
這是一款很經典的前端開發工具了,以前人們使用的是它的可視化開發工具,但是現在它只能是作為一個代碼編輯器來使用的,當然一些可視化的功能現在也是用的上,如要插入Flash視頻等還是使用可視化簡單一些,畢竟不是所有人都能純手寫哪些意義不大的代碼,優點是人們熟悉穩定,支持一些可視化的插入操作,缺點是代碼提示不好,不能進行快速的開發只能是作為學習使用。
總結:以上只是前端開發工具中個人比較熟悉的,除此之外還有很多優秀的前端開發工具如webstorm等,大家可根據自己的喜好選擇自己習慣的工具進行開發。
⑶ 手機app前端開發用什麼軟體和語言
android端java語言 在eclipse上。ios端object-c 在xcode上。電腦是windos要做ios就去裝個蘋果虛擬機來做。可以自己兩個基本了解下,哪個覺得簡單就哪個。光做個樣子出來還是簡單的
⑷ 開發移動前端一般都用什麼工具
移動前端一般是使用android ios的工具生成本地的ui, web前端是網站的UI,相對來說web前端可能會難一點,工資應該還可以
⑸ 現在比較好用的前端開發工具有哪些啊
1. node.js + npm, 這個是前端工具的一個平台,沒有他們就沒有以下的工具,建立開發環境,下載開發工具,運行開發工具的利器
2. bower, 庫依賴管理器,類似於npm,但針對瀏覽器JavaScript的依賴管理,減少尋找庫,下載庫和升級庫的煩惱
3.grunt,流程自動化管理工具,將你非編程的開發步驟減到最小,grunt watch+liveReload或者grunt connect,可以使得免除你F5無盡地獄,發布和開發各種無壓力。以下大部分開發工具,都有grunt的相對應的插件,也就是說他們都能利用grunt進行自動化運行
5. 本人用less比較多,因為基本無縫兼容歷史遺留系統中的css,(而Sass語法比較特殊,還沒有專門用過,應該開發新系統的css比較好),一套css預編譯語言,可以把less語法轉成css語法,lessc是less語言編譯器,配合grunt less,編寫大型css文檔毫無壓力。
6.Phantomjs,沒有界面的瀏覽器,用js腳本控制其操作網頁。測試,抓圖,網頁流程自動化利器。配合casperjs的語法簡化功能真強庫後,控制Phantomjs就更加容易了
7. grunt PhotoBox, 利用phantomjs抓圖功能和ImageMagick圖片比較功能,在利用live-reload即時刷新功能,可以讓你開發css的時候,快速對n多個頁面進行觀察,看其前後變化。不過缺點也比較明顯,就是速度慢。但比起手動對比來看,還是非常快的。值得css開發時擁有
8. phantomCSS,這個和grunt photobox類似,都用於css開發的,差別是photobox是全局觀察差別,而這個是單元組件觀察差別,它方便你就抓頁面中某一塊元素然後進行前後比較,更加註重細節上的差異,這個比較合適組件開發時候使用。
9. jshint,幫助你快速定位JavaScript的語法錯誤和潛在的跨瀏覽器兼容性問題。在部署你JS前,用jshint檢查一下是沒錯的 。
10.UglifyJS,壓縮JavaScript代碼,使你的JS代碼可以更加快速的載入。有grunt的插件
11. browserify允許你在瀏覽器裡面使用CMD標准模塊,但本人認為它的另外一個優勢是合並代碼,開發時候可以把代碼模塊化,分成很多很多小文件,然後有調理的放到相對應文件夾下,然後最後合成單一文件。本人曾經利用browserify開發greasemonkey代碼,大大簡化了greasemonkey的開發難度和增強了greasemonkey代碼的質量。browserify有grunt插件,這樣又減少的開發步驟。
12. Karma, google開發的一個單元測試運行器,這個自己本身不是一個單元測試框架,而是配合測試單元框架的一個工具。由於前端瀏覽器眾多,就算你有live-reload這樣自動化工具,但是還是要手動打開各種瀏覽器,手動把你的單元測試在各個瀏覽器都運行一遍。這個工具目的是目的就是讓電腦能自動化打開各種瀏覽器,然後把單元測試在各個瀏覽器中自動運行一遍,讓這個步驟也能自動化了。
13.clean-css (grunt cssmin), 我用的是grunt cssmin,但是grunt cssmin實際上背後使用的是clean-css工具,這個工具就是用來壓縮精簡css的,讓css文件大小更小。
⑹ 開發android手機軟體的工具有哪些
1、Android Studio 谷歌原生的Android開發工具,有可視化的界面,xml配置比較方便,但是核心的代碼還是通過Java實現,個人認為比eclipse方便,不過上手起來還是有難度的。
2、APIcloud 國內的一種雲端開發方式,通過JSP調用已經開發好的模塊,組成自己想要的功能,最後封裝成apk,上手簡單,模塊化強,比如自己代碼能力不強可以直接調用別人寫好的開源代碼來實現功能,也是國內很多開發都在用的方式。缺點是,代碼都是別人的,自己只是拿過來拼成一個軟體,在通用性、可擴展性上還是沒有原生強大,但是勝在開發速度快。
3、Hbuilder 通過Html5語言寫成css樣式表,通過Android的Web service封裝成apk,可視化能力極強,如今H5語言也在廣泛用於各個平台,而且功能也比較強大,用這個寫成的軟體,在多種平台都能共用,對Web service的支持也有一定的優勢,不過上手也有一定難度,只是遠遠小於原生開發罷了。
⑺ 前端開發常用又好用的幾個軟體
正所謂「工欲善其事必先利其器」,一名合格的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前端開發過程中提高效率,打開一扇新的大門。
⑻ 前端工程師都有用哪些比較靠譜的小工具
1、TakeColor 取色器
對於前端開發來說,和顏色、圖片打交道是難免的,有的時候想要在ps外面獲取顏色.
2、CoolFormat 源代碼格式化工具
CoolFormat,不僅僅適用於前端,因為它支持很多語言源代碼的格式化,可以在上面的開始菜單中選擇你要格式化的語言種類,這里我選擇的是js,然後將一串很亂的js代碼粘貼到下面的文本框裡面,點擊快速格式化.
3、做筆記的小幫手——有道雲筆記
其實這有道雲筆記不算是小工具了,在這之前,我一直都是用txt記事本記東西的
⑼ 軟體開發工具有哪些
不同的領域需要不同的基礎開發工具,比如:
1. 桌面程序:Java、C++、C#、VB、C均可。
2. 網站伺服器端開發:JSP(Java語法)、PHP、ASP(C#語法)、Web App框架等。
3. 網站客戶端:HTML、CSS、Javascript、Flash等等。
4. 智能手機程序:安卓使用Java,iPhone使用Objective-C
5. 底層、工具開發:C、C++。
6. 多功能腳本程序:Python、Perl、Ruby等等。
7. 人工智慧:Prolog、PDDL。
8. 工業控制:C、PLC、匯編。
9. 通用應用層數據交換處理技術:標記語言XML/XPATH/XSLT、JSON、YAML等。
⑽ 軟體開發工具都有哪些
軟體開發工具依照工具的功能有以下這些:
1.開發iOS系統的工具——xcode軟體開發;
2.開發Android系統的工具——eclipse軟體開發;
3.android app界面設計的軟體工具——App UI Designer;
4.ios app應用界面設計軟體工具——ProtoShare;
5.測試軟體的工具—— Emacs、vim、Notepad++(Windows)、UltraEdit(Windows)、TextPad(Windows);
6.開發web APP的工具——Editplus開發工具、UltraEdit手機網站工具;
7.提升web APP開發效率的工具——Google Web Designer(無需懂得html5語言)、Gauge.js(自定義動畫儀表和滑動桿)、Timesheet.js、Quintus(開發web游戲app軟體的有利工具)、NoMe;
8.簡化ios開發的工具——Kinvey蘋果app工具、Firebase IOS開發工具、IOS Boilerplate工具軟體、Slash移動app開發工具;
9.建設商城網站響應式設計工具——響應式線框圖、Wirefy設計工具、MockUphne原型設計工具;
10.傻瓜式開發工具——AppMakr、App Press、Apepery、GoodBarber、Appmachine、iBuildApp~
其實開發工具有很多,主流的開發工具你在接觸的開發的時候會知道的,像是開發iOS系統用xcode軟體,開發Android系統的用eclipse軟體。而一些比較偏門些並不主流的,只要你使用起來順手這款工具就是你的主流。