1. 程式人生 > >線上程式碼編輯器:Codeanywhere介紹

線上程式碼編輯器:Codeanywhere介紹

本文分為幾個部分: 1.Codeanywhere介紹 2.Codeanywhere使用前奏 3.Codeanywhere與Dropbox連線 4.Codeanywhere改變主題顏色

一、Codeanywhere介紹

Codeanywhere是一個線上的程式碼編輯器,你可以在瀏覽器中編寫html、css、javascript、php、XML的程式碼,目前支援chrome、firefox、Opera、Safari、IE,當然也可以在android、iphone上安裝codeanywhere的軟體。 Codeanywhere的特點是:隨時隨地可以寫程式碼(雖然我認為手機上寫程式碼有點搞笑)。 Codeanywhere支援連線FTP Server、Dropbox、Github,比如Dropbox,你只要有一個賬號,連上Dropbox後,Codeanywhere能夠在Dropbox上建立html等檔案,你寫的程式碼都存放在Dropbox上了。

二、Codeanywhere使用前奏

要使用codeanywhere之前,除了要註冊賬號之外,還要安裝一個基於瀏覽器的外掛,比如我用的是chrome,進入主頁:https://codeanywhere.net/ 後在頁面上方會彈出如下圖所示: 安裝好後在chrome瀏覽器中會有名為“codeanywhere utility“的外掛,如下圖所示:

三、Codeanywhere連線Dropbox

這裡我們來演示一下Codeanywhere連線Dropbox: 步驟1:點選左側Dropbox圖示 步驟2:點選後會彈出如下圖,點選connect:
步驟3:登入Dropbox 步驟4:授權Codeanywhere訪問你的Dropbox賬號,如下圖:

這樣,就可以在Codeanywhere的編輯器的左側再次點選Dropbox, 下圖中,我建立了一個codeanywhere資料夾,index.html的html檔案,index.php的php檔案。

從下圖看出,支援HTML、Javascript的語法高亮。
並且會在右下角顯示你開啟的檔案型別:
從下圖看出,支援php語法高亮。
並且會在右下角顯示你開啟的檔案型別:

四、Codeanywhere改變主題顏色

步驟1:點選上方的"View"
步驟2:點選"Preference"
步驟3:點選"Syntax Coloring"
步驟4:選擇"Theme"

比如我選擇了Bright,則php檔案變成了: