npm安装uView2.0后无代码提示的解决方法

npm安装uView2.0后无代码提示的解决方法

两年前，关于uView1.x的时候我也写过一篇类似的文章，但由于各种原因新的uView2.x还没正式用过，今天踩了几个小坑。

产生bug

在按照官网的npm下载步骤一步一步来（我个人习惯将npm下载好的node_modules文件夹中的uview-ui移到根目录）。按照官网的步骤完成后，输入无代码提示，看了一些网上大家的解决方法，甚至有人说这是官网没有解决的bug。。。

解决方法

在 package.json中的官网中给的配置如下：

"easycom": {
		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
	},

但其实如果你看最新uniapp的easycom配置文档就可以看到，给的例子：

"easycom": {
  "autoscan": true,
  "custom": {
    "^uni-(.*)": "@/components/uni-$1.vue", // 匹配components目录内的vue文件
    "^vue-file-(.*)": "packageName/path/to/vue-file-$1.vue" // 匹配node_modules内的vue文件
  }
}

在其前面只需要加上 ： @/

package.json的正确配置如下（路径一定要对）：

"easycom": {
		"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
	},

另外，多一嘴，配置好easycom后，重启一下你的项目或者重启HbuilerX（更推荐这种方式）！！！