如何使用uniapp创建一个微信小程序

370 阅读1分钟

uniapp

  • 这里使用的是vue脚手架创建

安装全局vue-cli

npm install -g @vue/cli@4
  • 安装的脚手架的版本需要安装@4的版本

新建文件

vue create -p dcloudio/uni-preset-vue 文件名
  • 使用默认模板 image.png

  • 创建成功之后

  • 打开src/manifest.json,添加appid

image.png

编译uniapp项目

npm run dev:mp-weixin
  • 编译之后会得到一个dist文件夹
  • 里面的mp-weixin文件夹就是微信小程序项目

image.png

导入微信小程序

image.png