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项目底端没有语法提示库选项
图片
关于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之后语法提示库少了很多
新版本中一些常见的语法库(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.json
和 pages.json
文件。这些文件中的配置可能会影响代码提示功能。
3. 手动安装语法提示库
如果代码提示库不完整,你可以尝试手动安装或更新相关的语法提示库。以下是一些常见的步骤:
- 安装
[@dcloudio](/user/dcloudio)/uni-helper-json
:这个库包含了uni-app
的语法提示信息。你可以通过 npm 安装它:npm install [@dcloudio](/user/dcloudio)/uni-helper-json --save-dev
- 配置
jsconfig.json
或tsconfig.json
:如果你使用的是 TypeScript,确保tsconfig.json
文件中包含了正确的类型定义路径。例如:{ "compilerOptions": { "typeRoots": ["./node_modules/@types", "./node_modules/[@dcloudio](/user/dcloudio)/uni-helper-json"] } }
4. 检查项目依赖
确保你的项目依赖是最新的,特别是 uni-app
相关的依赖。你可以通过以下命令更新依赖:
npm update