atom怎么实现html实时预览

1、打开Atom官网，点击DownloadWindowsInstaller下载安装包。2、下载之后双击“AtomSetupexe”等待，他会默默的帮你安装，安装完之后在桌面会有快捷方式设置环境变量安装Atom过程太轻松了什么都不需要，是不是有点慌，安装在哪里呢

正文

1创建一个android工程

指定工程名称和路径

指定最小支持的sdk版本和创建的app运行设备类型

选择一个activity

finish

现在看到的工程结构

预览看一下效果

到此，helloword已经编写好了，只要把android需要的sdk和相关的驱动配置好，还是很好上手的。

2载入一个远程的页面

此处以打开一个百度页面为例进行演示

打开MainActivityjava页面，修改oncreate函数

private WebView webview;

@Override

protected void onCreate(Bundle savedInstanceState) {

superonCreate(savedInstanceState);

//setContentView(Rlayoutactivity_main);

//实例化WebView对象

webview = new WebView(this);

//设置WebView属性，能够执行Javascript脚本

webviewgetSettings()setJavaScriptEnabled(true);

try {

//设置打开的页面地址

webviewloadUrl(">

}

catch(Exception ex)

{

exprintStackTrace();

}

setContentView(webview);

}

预览看一下效果

提示wabpage not available错误，那么我们在AndroidManifestxml文件中添加权限

<uses-permission android:name="androidpermissionINTERNET"/>

现在预览看一下效果，百度页面可以正常打开了

3打开本地页面

这一步演示如何打开本地的html页面，该示例同样已百度为例，只不过改为先另存一份百度的html页面，然后加载本地的html页面，此处百度页面另存为indexhtm

新建assets目录，用来存放html页面。右键app->new->folder->assetsfolder

html页面放入assets目录

打开页面的地址改为本地页面地址

webviewloadUrl(file:///android_asset/indexhtml);

看一下预览的效果

4发布apk

按照图示的步骤一步步进行 *** 作就可以了

app-releaseapk就是生成的安装包了。

下班了，今天就写到这里了，到目前为止，基本的功能已经完成了，但是很多细节部分的内容还有待调整，明天待续下一篇。

---