将HbuilderX项目转到VueCli开发

225 阅读1分钟

image.png

先全局安装vue-cli@4

因为vue-cli5不兼容uniapp项目

创建uniapp项目

vue create -p dcloudio/uni-preset-vue uniapp-shop 自定义文件名 因为这模板存放在github,没有科学上网很难下载到。

下载完成后安装两个sass依赖包 npm install sass sass-loader@10

把HbuilderX的src源码覆盖掉现在的src

删除 .hbuilderx unpackage

运行项目

npm run dev:h5 npm run dev:mp-weixin 如果能成功证明大功告成

微信开发者工具重新导入vue-cli项目 mp-weixin路径