在線js可視化編輯器

1. 程序猿專用十大在線編譯器(IDE)整理

1. CodeSandbox(基於 React 的在線代碼沙盒平台) 我常用的

① 主流的腳手架都支持,比如在線create-react-app,vue-cli等(在線 fork 修改),支持 github 登錄(項目導入),也支持 cli 上傳例子,例子可以在線訪問和下載,當然也支持內嵌到其他博客等網頁中。

② 地址：https://codesandbox.io/

③ 圖示

2. CodePen(前端代碼編輯運行的網站)

① CodePen 是一個完全免費的前端代碼託管服務，主要功能有：

② 地址：https://codepen.io/

③ 圖示

3. jsRUN(支持手機端的在線JS編輯器)

① jsrun是一款支持手機端的在線JS編輯器, HTML/CSS/Javascript在線代碼運行工具,js代碼在線測試調試,是runjs的升級版支持vue.js/angular.js的在線編輯器

② 地址：http://jsrun.net/

③ 圖示

4. jsFiddle(前端代碼編輯運行的網站)

① jsFiddle 是一個Web開發人員的練習場,可在線編輯和測試 HTML、CSS、JavaScript代碼片段。在 jsFiddle 編輯的代碼,可以保存,也可分享給其他人,還可嵌入到其他網頁

② 地址：https://jsfiddle.net/

③ 圖示

5. Ideone(C和C++的在線編譯和調試工具,支持其他的60種語言) 我常用

① Ideone是C和C++的在線編譯和調試工具,支持其他的60種語言。這個工具提供許多強大的功能,允許程序員快速高效的編譯源代碼

② 地址：https://www.ideone.com/

③ 圖示

6. Codechef(C，C ++和Java的在線編譯工具)

① 它支持C，C ++和Java，非常接近真正的桌面IDE。這是超快速和易於使用。適合於課堂和作業的學生，練習面試問題。

② 地址：https://www.codechef.com/ide

③ 圖示

7. JDoodle (C，C ++和Java的在線IDE)

① 支持協作代碼。它只是從一個簡單的文本區域開始，您可以粘貼代碼，然後單擊運行。您可以更改命令行參數並在運行該程序之前設置stdin。最適合新的在線編輯器不支持的許多舊語言。

② 地址：https://www.codechef.com/ide

③ 圖示

8. OnlineGDB (在線C，C ++，Java，PHP編譯器) 我常用

① 它支持C，C ++，PHP和Java編譯器。OnlineGDB的獨特功能是，您可以逐步調試您的代碼。一旦代碼被寫入，它可以很容易地格式化，使其看起來不錯。

② 地址：https://www.onlinegdb.com/

③ 圖示

9. GCC資源管理器

① GCC編譯器資源管理器是一個互動式在線編譯器，它顯示編譯後的C++、RISE、GO（以及更多）代碼的匯編輸出。

② 地址：https://gcc.godbolt.org/

③ 圖示

10. plnkr edit在線編輯器

① js的在線編輯器。

② 地址：http://plnkr.co/edit/

③ 圖示

2. 有沒有比較強大的html+js+css編輯器

給你推薦兩個：dreamweaver和webstorm

Adobe Dreamweaver，簡稱「DW」，中文名稱"夢想編織者"，是美國MACROMEDIA公司開發的回集網頁製作答和管理網站於一身的所見即所得網頁編輯器，DW是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地製作出跨越平台限制和跨越瀏覽器限制的充滿動感的網頁。

WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。

3. 最好用的 JavaScript IDE 或編輯器是哪個

IDE:
1，visual studio——宇宙最強IDE。用熟之後，懵然發現，其實宇宙中只有一個IDE，其它的所謂IDE，原來都只是加強型的文本編輯器。
2，webstrom——JB公司出品，必屬精品，一人之下，萬人之上。
3，HBuilder——國貨精品，專注H5，全中文，很給力。

文本編輯器：
1，VS CODE——visual studio的閹割版。。雖然直接閹成了文本編輯器。但更加輕量，依然宇宙最強。
2，sublime——曾經的王者，在VS CODE出現之前，公認最好的文本編輯器，沒有之一。
3，Brackets——ADOBE出品，專注WEB，界面美觀，配色華麗。
4，Notepad++——雖一度被sublime吊打，但小巧，簡單，依然有其亮點

如果樓主只是寫JS，不做後端的話，其實用個文本編輯器就足夠了。。VS CODE和sublime都不錯。。用IDE寫JS有些殺雞用牛刀的感覺。IDE通常用來做一些C#,C++，JAVA之類的大型項目，才能發揮出優勢。。

4. 前端常用的幾種在線代碼編輯器各有什麼優勢

JS Bin - Collaborative JavaScript Debugging
介紹一款在線編輯器：jsbin jsbin的用法
優點：不需要登錄，即發即預覽
缺點：速度不靠譜
RunJS - 在線編輯、展示、分享、交流你的 JavaScript 代碼
優點：國內訪問速度快，可以上傳圖片(左下角)
缺點：需要登錄，用戶名
Create a new fiddle
優點：功能強大，歷史記錄給力，缺點：訪問速度慢

5. 前端常用的幾種在線代碼編輯器各有什麼優勢

JS Bin - Collaborative JavaScript Debugging
介紹一款在線編輯器：jsbin jsbin的用法
優點：不需要登錄，即發即預覽版
缺點：速度不靠譜
RunJS - 在線編輯、展示、分享、交流權你的 JavaScript 代碼
優點：國內訪問速度快，可以上傳圖片(左下角)
缺點：需要登錄，用戶名
Create a new fiddle
優點：功能強大，歷史記錄給力，缺點：訪問速度慢

6. 掌握js能快速開發可視化應用嗎

答案是肯定的，

在開始使用 ThingJS 之前，需要先了解JavaScript，我們假設您已經掌握JS。

創建項目

創建項目之前需登錄ThingJS賬號，如果您尚未登錄賬號或頁面出現「登錄已過期，請重新登錄！」的提示，為保證項目的正確保存及運行，請您在賬號登錄之後再創建項目。您可通過以下三種方式創建項目：

• 選擇菜單區域的「文件 - 新建項目」選項

• 點擊工具欄「新建」圖標，圖標如右圖所示：