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 打包的项目