webui編譯的軟體

1. 前端開發常用哪些工具軟體

前端開發的編譯器在選擇上還是很多的。在學校里，老師主要講三個前端開發軟體：

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框架的特點。

2. 學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，它的啟動速度非常快，常用於修改單個文件的錯誤或者調試。

3. web前端用什麼軟體

編譯器：Visual Studio Code
瀏覽器：Chrome
強烈推薦 *****

4. ui界面設計常用軟體有哪些(ui用什麼設計軟體)

一般來說，UI會用到這些工具

1.Mason

現如今，視覺稿（Mockup）和原型（Prototype）是網頁和APP設計過程中最常用的方法。兩種方式都很有效，不過也都可能會在時間和花銷上對整個項目產生壓力，影響團隊和項目的整體推進，尤其是在時間和精力都非常有限而項目又非常復雜的情況下。

Mason提供了一個更好的解決方案，它讓你無需設計線框圖、原型和視覺稿，而直接拿現成的組件來編輯和設計，並且確保最終輸出的產品既具備功能，也是像素完美的，最後通過Mason的平台進行部署，甚至你都不需要有代碼編寫的經驗。

Mason的設計方法看起來很激進，但是實際上非常的易用。無論是調整還是維護，Mason都能確保控制項和元素都很容易處理。在Mason中修改、發布，然後就能正常使用。無需親手編寫代碼，諸如注冊、登錄等各種常見的功能都能夠正常輸出使用。

這款工具並不會限制你將網站投放到特定的平台或者託管環境下，你可以在你最熟悉的伺服器或者服務商那邊部署。這可以大幅度節省管理費和時間，並且你會發現團隊協作更加高效了。

2.摹客（國產UI設計神器，強烈推薦）

這款國產的工具快速易用，Sketch/PS/XD/Figma/Axure/Mockplus設計稿一鍵上傳，設計評審討論，自動標注一鍵生成，手動標注自由發揮。

1.自動標註：

滑鼠hover圖層即可自動生成標注，一鍵轉換為百分比標注，還可以放大鏡查看細微標注。

2.手動標註：

文字、坐標、顏色、尺寸、區域5種工具自由選擇，信息傳達更准確。

-用文字工具添加備注說明；

-用坐標工具睜瞎添加位置信息；

-用顏色工具吸取圖層，色值智能生成；

-用線段工具標注尺寸，數值自動生成；

-用區域工具標注局部圖層，寬、高自動生成。

3.單位自由轉換：

支持iOS的pt，Android的dp，Web的rem，還可以保留0-3位小數，標注更自由。

4.完整的標注屬性：尺寸、邊距、不透明度、字體大小、字重、行高、字間距等。相關屬性一鍵復制即可使用。

除了智能的標注方式，摹客的切圖、交互、全貌畫板、文檔管理等功能也很實用。最值得一提的是，摹客基礎功能完全免費。

3.Overflow

設計師講述故事最有效的辦法之一，是將故事中的節點連在一起，將用戶歷程線性地呈現出來。這樣的方式會讓訪客更好的理解他們所看到的內容，同時能夠更加專注於細節的呈現，並且構建有效的反饋機制。

作為世界上第一個為設計師量身定製的用戶流程圖工具讓世，Overflow可以幫助設計師更好地講述故事。它為設計師提供了一種全新的方式來更好的呈現作品，講述故事，以互動式的流程同用戶進行溝通，吸引用戶的注意力。

Overflow是一款跨平台的工具，可以與目前最流行的設計工具無縫地集成起來，允許設計師在同一個平台上完成設計、展示、共享和列印他們的用戶流程。

4.UXPin

UXPin可能是目前對於設計團隊來說最理想的快速原型工具，尤其是當產品的UX設計和研發高度依賴快速反饋循環機制的時候。UXPin可以讓設計團隊在向開發交付原型之前，充分地進行設計、共享和測試。

開發人員所需要的數據，實際上在每個項目設計完成之時，就會自動生成。所以，在將設計交付給開發人員之前，甚至可以使用檢測工具，驗證一下產品的部署是否和設計元素相互匹配。

UXPin還提供一個完整的設計系統解決方案，幫助你保持整個產品的UI元素的一致性。而每個產品的UI組件都可以使用一段代碼記坦早肢錄下來，因此可以更加輕鬆快速的擴展產品的功能。

5.Creately

UI/UX設計當然不僅僅是線框圖和視覺稿，它是動態的，系統化的，而這也是Creately這款工具的價值所在。這款圖標工具適合生成工作流程，支持不同的圖表類型，包括流程圖、思維導圖、UML圖標、線框圖等。它所提供的圖表功能和協同工作的功能，可以幫助設計師完成一半以上的工作。

使用Creately來創建圖表，可以輕松創建出足夠漂亮的圖表，其中配備的1000多個專業的設計圖表模板，可以快速地完成各式各樣的UX設計項目。

6.PowerMockup

有許多UX設計師會使用PowerPoint來構建互動式原型，有了PowerMockup之後，你再也不需要尋找其他的工具來輔助你的工作了，它就可以幫你創建高效可共享的互動式原型。

在構建原型的時候，只需要從PowerMockup不斷增長的資源庫找到對應的形狀或者設計元素，拖拽到PowerPoint當中，然後進行設計即可。為了實現互動，你所需要調用的也無非是PowerPoint當中的幻燈片和動畫功能，很簡單。

7.VisualInspector

VisualInspector讓設計師、開發者和負責維護的人員能夠實時地在網站中檢查和解決各種UI問題，並且同其他的工作人員隨時共享信息。

這款工具不需要你懂得代碼，只需要幾秒鍾就可以啟用UI工具，並且幾乎可以任何類型的網站（使用HTML代碼，或者WordPress系統的）進行協同工作。這款工具不是免費的，終身授權的版本只需要付費49美元即可。

8.FluidUI

FluidUI是一款可以用來設計線框圖、原型圖和視覺稿的綜合性工具，它還為項目經理和分布式設計團隊提供了非常完善的協作功能。它擁有非常全面的組件庫，橫跨桌面端、iOS和Android等主流的、必須的平台。

5. 手機寫web前端的軟體

1、WebStorm
幫助編寫HTML、CSS、Less、Sass和Stylus代碼，支持Node.js和React、Angular、Vue.js、Meteor等主流框架。與IntelliJIDEA同源，它繼承了IntelliJIDEA強大的JS部分州州團的功能。但是付費軟體
2、IntelliJidea
idea是學校老師教的最多的一款軟體。自從學習Java以來，除了eclipse和myeclipse，學校老師用的最多的Java編譯器就是idea，它還可以開發前端項目。idea是我最跡伍熟悉的編譯軟體。像一個完整的前端網站，配置好jdk、tomcat、maven、資料庫之後，就可以在idea上搭建了。
3、VisualStudioCode
簡稱VScode，是前端開發時期學習的第一個軟體。冊橘當時我在學習VScode的時候，上了一堂網路課。老師用外掛的時候，我跟不上。一般來說，插件庫很豐富，內存佔用也不大。目前我身邊用VScode的人最多。