解析:
用IE打开就可以了
如果非要说个环境的话 就是windows 。。。等等 *** 作系统 只要安装了 浏览器就可以
html适合开发环境。
跨平台移动开发实际上就是基于HTML5开发软件界面和主要的业务逻辑,因此一套完善的基于移动平台的HTML5开发环境是非常有必要的。这里我主要的关注点是以下:
Javascript和Jquery mobile的编辑器
HTML5的各个元素的Inspector
Javascript远程断点debug
移动平台Javascript开发模式
1)Javascript和Jquery mobile的编辑器
谈到Javascript的编辑器,市面上有很多,大家都有自己心仪的选择,我这里只是推荐三个我比较喜欢的:
aptana studio. Eclipse插件更新地址:http://download.aptana.com/studio3/plugin/install
Dreamweaver CS6. 官方地址:http://success.adobe.com/en/na/sem/products/dreamweaver.html
appMobi. 官方地址:http://www.appmobi.com/
aptana studio的优点在于比较轻量级,与Eclipse集成,并且代码自动完成和JS语法纠错做得非常好,整个风格类似于VI,比较极客一点:
Dreamweaver CS6算是最为强悍的HTML5的开发环境,并且是我所知道的唯一支持Jquery mobile所见即所得的开发工具(官方提供的在线编辑器除外),并且Javascript, CSS和HTML开发起来非常顺手,最大的缺陷就是要收费:
2)HTML5的各个元素的Inspector
如果放在桌面系统上浏览器,这样的工具是很多的,如firefox上的firebug,chrome上的开发者工具,IE上http watch和IE自带调试工具,但如果放在移动平台上,特别是基于phonegap这样内置的webview来开发,这样的工具就不是很普遍了。这里推荐一个phonegap官方所提到过的工具:weinre
weinre通过架一个server,把调试器和device连接起来,原理就多说,2.0之后就没看到Java的版本,因此只能通过NPM来安装,顺便提一下NPM是Nodejs的包管理工具,类似于Maven对于Java一样。安装Nodejs后就安装好了NPM。之后安装weinre非常简单:
npm install weinre -g
如果在windows平台上没加任何配置,weinre会安装在 C:\Users\***\AppData\Roaming\npm\node_modules\weinre\,然后启动server:
node path-to-weinre-node/weinre --boundHost -all- --httpPort 8082
这里用-all-是为了在0.0.0.0上打开端口8082,避免非本地无法远程请求这个端口,然后在要调试的页面里加上weinre的代理:
<script src="http://computer-ip:8082/target/target-script-min.js#anonymous"></script>
html运行方法:选择文件夹、建立HTML文件、运行HTML文件。
1、选择文件夹
首先,在电脑某一位置创建一个文件夹,创建完成后回到VS Code在“文件”中找到“打开文件夹“选中并打开你刚刚创建的文件夹。
2、建立HTML文件
打开文件夹后,便可建立HTML文件了,建立过程如下,但要注意的是:文件的后缀名一定要写且为.html输入完名称后按下回车即文件创建成功。
3、运行HTML文件
创建完HTML文件后,按!+tab键可以生成HTML文件标准格式,之后输入你想在浏览器中呈现的内容,写完单击鼠标右键在属性框内点击open in(default)broswer即可在浏览器中运行啦!
Visual Studio Code介绍
Visual Studio Code(简称 VS Code / VSC)是一款免费开源的现代化轻量级代码编辑器,它的特点免费、开源、多平台,以及集成git,代码调试,插件丰富等有点,被大家逐渐熟知和认可。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)