关于DevEco Studio配置的避坑指南和其他经验分享（10月30更新）

关于DevEco Studio配置的避坑指南和其他经验分享（10月30更新） 更新：如何快速写出包含行号的调试信息

✅鸿蒙官方文档在哪找

有三个地址，第一个暂时全面点，第二个更偏向底层的硬件开发板，第三个是JS的API

很多人问的语法知识，其实在官方文档里都有了，只是大家没注意到官方文档右上角，除了指南还有参考（API）

✅鸿蒙的开发IDE（DevEco）如何下载

下载地址如下，这个IDE是从jetBrains的开源项目改造的。

很多人问的语法知识，其实在官方文档里都有了，只是大家没注意到官方文档右上角，除了指南还有参考（API）

✅新建Project后提示ERROR: Failed to open zip file. Gradle’s dependency cache may be corrupt (this sometimes occurs after a network connection timeout.) Re-download dependencies and sync project (requires network)

把项目文件夹里的gradle -> wrapper -> gradle-wrapper.properties里的

distributionUrl=https\://services.gradle.org/distributions/gradle-5.4.1-all.zip

改成

distributionUrl=https://downloads.gradle-dn.com/distributions/gradle-5.4.1-all.zip

再重启DevEco试试。本来gradle会自动转到中国的这个cdn。我看到原文里的https后面有个斜杠不知道是什么意思，是不是这里多加了一个斜杠导致不能顺利解析网址。

✅修改新建项目中的gradle默认为其他版本（比如最新版本）

找到DevEco Studio\plugins\harmony\lib\templates\gradle\wrapper\gradle\wrapper这个目录，就能看到gradle-wrapper.properties这个文件，将里面的5.4.1改成6.7或者其他版本，重启IDE就好了。

如果无法修改，可能是C盘系统权限，需要把文件复制到其他位置，修改后再剪贴回去。

❎HVD Manager下载问题，很遗憾这个一直也没有解决，这里贴两篇帖子做参考

HVD Manage无法下载问题从提出到解决

【HVD Manager】下载时候一直提示在登录的问题解决方法

✅DevEco中打开Tools -> HVD Manager时，网页不出现官方文档中提示的允许界面

暂时不知道原因，当时我退出了登录，关闭IDE并且重启了电脑，重新打开了出现了认证界面

✅DevEco如何下载有时候使用Dev eco时无法使用自动补全

这是因为语言服务器出现问题关闭了，在右下角的圆形图标那里可以看到是哪个语言服务器出了问题。直接左上角File -> Close Project，关闭工程，然后重新进入即可，这时语言服务器重启了就好了。

✅不是说鸿蒙支持的是ES5.1吗，怎么还能用ES6的语法

鸿蒙的js runtime没有使用 V8，而是选择了三星的 JerryScript。JerryScript 是用于物联网的超轻量 JavaScript 引擎。它能够在内存少于 64 KB 的设备上执行 ECMAScript 5.1 源代码。这也是为什么在文档中说鸿蒙 JS 框架支持 ECMAScript 5.1 的原因。但鸿蒙会把一部分能支持的ES6语法自动转化为ES5.1。

轻量级智能穿戴支持ES6的语法如下（非轻量级的没有说明）：

• let/const
• arrow functions
• class
• default value
• destructuring assignment
• destructuring binding pattern
• enhanced object initializer
• for-of
• rest parameter
• template strings

✅DevEco中打开View -> Tool Windows 找不到Previewer

关闭当前工程，删除后重建工程，选择Lite Wearable中的任意一个模板，进入后Previewer出现。

TV和Wearable暂时没有Previewer，可以打开Tools -> HVD Manager，使用虚拟设备手表或者TV代替。

✅DevEco 运行按钮和Debug的虫子按钮变成灰色

这是因为丢失了配置Configuration，在运行按钮前面会出现个+add configuration的按钮。出现丢失配置的原因可能是之前卸载重装过DevEco，但是没有卸载完全。

先在系统里卸载DevEco（不要使用DevEco安装程序自动卸载，这会导致卸载不完全），然后卸载完全后重新安装DevEco。

如果之前卸载完全的话，安装好之后第一次启动DevEco时就会出现是否import配置的对话框，选择不导入后进入软件发现运行按钮变好了。

✅有时我编程时语法什么都是正确的，模拟器却不能正确显示？

模拟器需要网络，如果网络不正常时，模拟器会出现卡顿、卡死，无法正确响应代码的情况

✅模拟器启动失败、认证失败等等

请求是通过网络请求的，退出网页登录重进，重启IDE，注销用户，重启电脑，第一种不行就第二种，只要你网络没问题，应该就好了。还有一种情况是在使用chrome时一直无法认真，默认浏览器换成微软的edge浏览器就认证通过了。

✅新建js项目后，每次都要一路定位到index.hml，有没有更轻松的方法？

项目新建后会默认打开app.js，这时只需要点图中的十字图标，就可以很快定位到文件了。离pages只有一步之遥。省得你再去手动点entry -> src -> main -> js -> default

✅怎样快速打开previewer

左下角有个窗口的图标，点一下里面就有previewer

✅为什么官方教程找到的有些组件的语法用不了？

不同设备，支持的语法集大小不一样，猜测是跟内存和屏幕大小有关系。内存和屏幕小的设备支持的语法集比较小。有的语法TV支持，但是Lite Wearable不支持。

比如页面路由语法中Lite Wearable只能用router.replace这个语法，router.push、router.back这些语法都用不了。

同时，JS UI不支持后台页面，当打开一个页面时，上一个页面就销毁了。

✅喜欢使用Vim的同学，可以搜索安装vim（这也是DevEco改造自开源项目的好处，直接就能用很多插件）

打开File -> Setting -> Plugin，搜索Vim，安装IdeaVim，安装后重启

✅更改vim的键位，把h变成光标前输入，ijkl变成上、左、下、右，这样更符合人体习惯，我只用了一回就熟练掌握了，而且再也不想回到hjkl表示上下左右的别扭方式了。

在当前用户目录下建立文件.ideavimrc，将内容修改为

:noremap h i
:noremap j h
:noremap k j
:noremap i k
:noremap H I
:noremap J H
:noremap K J
:noremap I K
:inoremap <a-i> <Up>
:inoremap <a-j> <Left>
:inoremap <a-k> <Down>
:inoremap <a-l> <Right>

重启DevEco，这样就修改好了。

同时，修改和删除的命令也有变化。ci(也变成了ch(，ci"也变成了ch"，diw现在成了dhw。

输入模式下，alt+ikjl同样变成了上下左右，不用再按方向键了。

同样，在最底下增加一行

:nnoremap <ESC> :action ReformatCode<CR>

可以在normal模式下按ESC格式化文档，对我来说比较方便，不用按ctrl+alt+l了。

✅如何快速写出包含行号的调试信息

目前（20年10月30日），智能穿戴不支持console.log，只支持console.info。所以轻量级我们也可以info代替。

很多时候，我自己希望能直接定位到行，然后在vim模拟器中只需要按 行号 + gg就可以跳转到行了，

然后在编辑器的setting——Editor——Live Templates中，javascript下，点击右上角+添加一个缩写snippet

把图中的Abbreviation那里改成con（console的缩写，或者改成其他的也行），

template text中写入

console.info("$LINENUM$ $VAR$: " + $VAR$);

点击下方No applicable context后面的 Define，改成JavaScript

点击Edit variables，

选择LINENUM的Expression为lineNumber()，然后给Skip if defined打上勾。点击OK

设置好后如下图

然后再去编辑器的JavaScript文件里输入con试试。

✅我是新手，对于JavaScript不是很熟悉，官方文档也不是很清晰，想找到一个好点的入门教程。

后面发现下面这个教程很不错，大家打开看看，当然新的IDE里找不到教程中说的Preview界面

【鸿蒙第一行代码】鸿蒙App项目入门与实战

这也是官方推荐的3个入门视频之一。

✅上面教程的网友手打源码

https://github.com/liuchenyang0515/harmony_JS_Demo_breathe

https://gitee.com/zznjobs/huxi-js