题外话：额，这篇文章的由来，是在这篇文章DevEco Studio3.1报错...发布后，仍有人没解决预览不了的问题，然后就有小伙伴让我看看到底哪个地方出错了，为什么按照文章上的去做了，还是无法使用，在远程帮了一位小伙伴之后，我发现报错原因确实五花八门的，这篇文章希望能尽可能地去解决大家在开始鸿蒙开发之路上第一步地绊脚石。

目录

一.下载软件阶段

二.SDK下载

三.Node.js下载

四.项目创建

五.预览的不同格式

六.守护进程关闭

七.Preview删除

效果展示

六.最后一招

总结

---

一.下载软件阶段

软件大家应该都不会下错,按照自己的操作系统版本，下载对应的软件。

二.SDK下载

        首先确保下面选项都已安装：

然后还有这个：

三.Node.js下载

        下载对应版本的Node.js，这点编辑器应该会在通知里提示，Node.js的版本不能选的太高，在setting里可以修改下载不同的Node.js版本

四.项目创建

        项目创建就有点意思了，在帮小伙伴看的时候，上述修改的都没问题，还是一直预览不了，就很头大，但是突然想重新创建一个项目的时候，我问他项目选的哪个创建的，他说官网选的是第二个，我有点疑惑，我记得我选的是第一个呀。然后我回去看了官方文档，果然，选的是第一个，大家别选错呀！别到最后是项目创建错了，浪费很多时间，但是我又问了他，他说就是第二个，他给我看了，确实是有个是选的第二个，但是第二个就是不行，那咱还是老实选第一个吧，具体我也不懂，能run就行。

五.预览的不同格式

        首先，有两种不同的预览模式，一个是在内嵌在编辑器里，还有一个是，单独的手机模拟器，也可以两个都打开，但感觉还是内嵌里的比较方便。

        下面针对第二种，就是要选择设备，看到No devices没有，我们要先选一个设备，点击设备管理器，然后选择手机，新建一个模拟器，然后启动

六.守护进程关闭

        这个方法请看上集：传送门

七.Preview删除

        Preview有个缓存文件，是上次打开缓存的，下次打开可能失败，删除了，再试试

八.效果展示

        

九.最后一招

        如果实在没办法，或者不想折腾了，那就重新折腾，重装能解决99%的问题，是没错的！

总结

        如果以上都做完了，还不行，首先你应该仔细检查是否各个包的版本是否对应，有没有漏掉，代码有没有错误，实在不行那就不搞了，什么？，不搞了？，你傻呀，是不让你搞了，来问我吧，说好了，我只能解决上述问题，技术方面的，咱可也是小白了，哈哈哈。