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

177 阅读1分钟

1002272.jpg

uniapp

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

安装全局vue-cli

  npm i -g @vue/cli@4

创建uni app项目

vue create -p dcloudio/uni-preset-vue 文件名

  • 使用默认模板

image.png

  • 创建成功之后
  • 打开src/manifest.json(第57行),添加appid

image.png

进行编译uni app项目

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

image.png

在微信开发者工具中导入uni app项目

image.png

注意点

1.不能在微信开发者工具中写代码 2.开发时,标签尽可能使用小程序的标签,而语法尽可能使用vue的语法