基于vue-cli脚手架来创建一个uni-app框架项目

1,026 阅读1分钟

1.全局安装脚手架(注意版本)

npm install -g @vue/cli@4

2.使用脚手架创建uniapp项目

vue create -p dcloudio/uni-preset-vue 项目名

3.填入appid

Snipaste_2022-05-06_20-47-38.png

4.运行,编译uniapp项目

//在项目根目录输入以下命令 运行和编译uniapp项目
npm run dev:mp-weixin

运行,编译uniapp项目成功截图

image-20220506195840131.png

5.微信开发者工具导入编译好的uniapp项目

打开微信开发者工具,导入uniapp项目

注意路径:/dist/dev/mp-weixin

Snipaste_2022-05-06_20-49-48.png

导入成功截图

Snipaste_2022-05-06_20-55-57.png

注意事项:

1.先在manifest.json内填入appid后运行uniapp项目

2.导入项目时,要注意导入的最后的路径是mp-weixin