首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 其他教程 > 互联网 >

在线代码编辑器:Codeanywhere引见

2013-02-17 
在线代码编辑器:Codeanywhere介绍本文分为几个部分:1.Codeanywhere介绍2.Codeanywhere使用前奏3.Codeanywh

在线代码编辑器: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的特点是:随时随地可以写代码(虽然我认为手机上写代码有点搞笑)。主页:https://codeanywhere.net/Codeanywhere支持连接FTP Server、Dropbox、Github,比如Dropbox,你只要有一个账号,连上Dropbox后,Codeanywhere能够在Dropbox上创建html等文件,你写的代码都存放在Dropbox上了。
二、Codeanywhere使用前奏
要使用codeanywhere之前,除了要注册账号之外,还要安装一个基于浏览器的插件,比如我用的是chrome,进入主页:https://codeanywhere.net/ 后在页面上方会弹出如下图所示:在线代码编辑器:Codeanywhere引见在线代码编辑器:Codeanywhere引见
安装好后在chrome浏览器中会有名为“codeanywhere utility“的插件,如下图所示:在线代码编辑器:Codeanywhere引见
在线代码编辑器:Codeanywhere引见
三、Codeanywhere连接Dropbox
这里我们来演示一下Codeanywhere连接Dropbox:
步骤1:点击左侧Dropbox图标
步骤2:点击后会弹出如下图,点击connect:在线代码编辑器:Codeanywhere引见在线代码编辑器:Codeanywhere引见

步骤3:登录Dropbox
步骤4:授权Codeanywhere访问你的Dropbox账号,如下图:在线代码编辑器:Codeanywhere引见在线代码编辑器:Codeanywhere引见

这样,就可以在Codeanywhere的编辑器的左侧再次点击Dropbox,下图中,我创建了一个codeanywhere文件夹,index.html的html文件,index.php的php文件。
在线代码编辑器:Codeanywhere引见在线代码编辑器:Codeanywhere引见

从下图看出,支持HTML、Javascript的语法高亮。在线代码编辑器:Codeanywhere引见在线代码编辑器:Codeanywhere引见

并且会在右下角显示你打开的文件类型:在线代码编辑器:Codeanywhere引见在线代码编辑器:Codeanywhere引见

从下图看出,支持php语法高亮。在线代码编辑器:Codeanywhere引见在线代码编辑器:Codeanywhere引见

并且会在右下角显示你打开的文件类型:在线代码编辑器:Codeanywhere引见在线代码编辑器:Codeanywhere引见

四、Codeanywhere改变主题颜色
步骤1:点击上方的"View"在线代码编辑器:Codeanywhere引见在线代码编辑器:Codeanywhere引见

步骤2:点击"Preference"在线代码编辑器:Codeanywhere引见在线代码编辑器:Codeanywhere引见

步骤3:点击"Syntax Coloring"在线代码编辑器:Codeanywhere引见在线代码编辑器:Codeanywhere引见

步骤4:选择"Theme"在线代码编辑器:Codeanywhere引见在线代码编辑器:Codeanywhere引见

比如我选择了Bright,则php文件变成了:在线代码编辑器:Codeanywhere引见
在线代码编辑器:Codeanywhere引见



热点排行