uni-app 3.4.6版本!+tab自动补全功能存在问题 代码提示库不完整 uni项目缺少语法提示库

uni-app 3.4.6版本!+tab自动补全功能存在问题 代码提示库不完整 uni项目缺少语法提示库

操作步骤:

  • 在html文件中输入!,然后按tab键

预期结果:

<html lang="zh">

实际结果:

<html lang="en">

bug描述:

!+tab自动补全的html代码的<html lang="zh">变成了<html lang="en",跟vscode一样了
vue项目没有语法提示,语法提示库里没有vue相关的内容了,uniapp项目底端没有语法提示库选项

图片

Image 1
Image 2

15 回复

关于vue代码提示说明

以下仅适用于3.4.6+版本

关于使用vue框架的代码提示,目前仅支持uni-app、uni-app cli、vue2-cli、vue3-cli项目
普通html项目,在html文件,通过<script src="vue.js"></script>引用,暂不支持代码提示。后期优化。

如果您遇到其它情况下,没有vue代码提示的问题,请详细说明问题(包含项目类型、项目结构、以及代码截图)


vue项目没有语法提示,能详细说明一下吗?
vue2还是vue3? 无法提示的地方,请截图

截图发在下面的回复里了。使用的是VUE2。@没有提示,v-只会提示v-for。切换成上一个版本,把语法提示库的vue2和vue3关掉之后也会出现这样的情况。原因应该就是因为我上面发的图,更新3.4.6之后语法提示库少了很多

@没有提示,v-只会提示v-for。切换成上一个版本,把语法提示库的vue2和vue3关掉之后也会出现这样的情况。原因应该就是因为我上面发的图,更新3.4.6之后语法提示库少了很多**

新版本中一些常见的语法库(nodejs, vue)等已经内置到项目中了, 不再需要用户进行勾选语法库才能语法提示。 比如: uniapp 会默认集成vue2, vue3, vuex, vue-router 等语法库, IDE插件项目会默认集成nodejs语法库。 就是会根据不同的项目类型预先加载不同的语法库。

根据截图反馈的问题,我测试了下 uniapp 项目中标签可以提示v-bind, v-for 等属性, 我的理解是你感觉少了很多vue 相关的代码块提示, 是这样吗?

回复 HX_WJ: 你这些说的确实没问题,经测试uniapp的项目提示正常,但是我这样<script src="../js/vue.js">写的vue项目是没有vue相关的代码提示的

回复 HX_WJ: 又试了一下,在.vue文件的语法提示没问题,但是.html文件<script src="../js/vue.js">引用vue后写代码是不提示vue的,我上面的截图都是在.html文件里截的

回复 囡丶浮云: 了解, 这种情况确实有问题。 我们目前还没有处理script src 这种引入方式vue 然后解析加载语法库的逻辑。

3.4.7 修复了 html 输入!+tab后,<html lang="">设置为en的Bug

3.4.7 输入class 不能自动提示出对应的class属性了吗?

旧版可以这么提示,3.4.7没有自动弹出,请问我该怎么设置才能有这个提示

需要详细的信息,已申请添加您的qq,请同意

uni-app 3.4.6 版本中,如果你遇到 !+tab 自动补全功能存在问题,或者代码提示库不完整的情况,可能是由于以下几个原因导致的。以下是一些可能的解决方案:

1. 检查编辑器配置

确保你使用的编辑器(如 HBuilderX)已经正确配置了 uni-app 的代码提示功能。你可以尝试以下步骤:

  • 更新 HBuilderX:确保你使用的是最新版本的 HBuilderX,因为新版本通常会修复一些已知的 bug 并改进功能。
  • 检查插件:在 HBuilderX 中,确保 uni-app 相关的插件已经安装并启用。

2. 检查项目配置

确保你的 uni-app 项目配置正确,特别是 manifest.jsonpages.json 文件。这些文件中的配置可能会影响代码提示功能。

3. 手动安装语法提示库

如果代码提示库不完整,你可以尝试手动安装或更新相关的语法提示库。以下是一些常见的步骤:

  • 安装 [@dcloudio](/user/dcloudio)/uni-helper-json:这个库包含了 uni-app 的语法提示信息。你可以通过 npm 安装它:
    npm install [@dcloudio](/user/dcloudio)/uni-helper-json --save-dev
  • 配置 jsconfig.jsontsconfig.json:如果你使用的是 TypeScript,确保 tsconfig.json 文件中包含了正确的类型定义路径。例如:
    {
      "compilerOptions": {
        "typeRoots": ["./node_modules/@types", "./node_modules/[@dcloudio](/user/dcloudio)/uni-helper-json"]
      }
    }

4. 检查项目依赖

确保你的项目依赖是最新的,特别是 uni-app 相关的依赖。你可以通过以下命令更新依赖:

npm update
回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!