HbuilderX项目升级为VueCli项目

465 阅读1分钟

1、全局安装 vue-cli@4

命令:npm install -g @vue/cli@4

🧨🧨🧨 注意点:只能是 @4 版本

2、创建 uniapp 项目

命令:vue create -p dcloudio/uni-preset-vue uniapp-shop

3、安装2个sass依赖包

命令:🎈 npm install sass sass-loader@10 或 🎈 yarn add sass sass-loader@10

4、源码移动

(1)把 HbuilderX 的源码覆盖到 src 目录下

(2)删除文件夹

.hbuilderx ------ 删除 hbuilderx 启动配置

unpackage ------ 删除 hbuilderx 打包生成的文件

(3)打包编译命令

H5端(Web端):npm run dev:h5

微信小程序端:npm run dev:mp-weixin

5、重新导入项目

打开微信开发者工具----重新导入VueCli 打包的 mp-weixin 项目

🧨🧨🧨 注意点:为避免搞混,删除原本用 HbuilderX 打包的项目