在需要创建的目录下输入命令

image-20240301173220845

npx degit dcloudio/uni-preset-vue#vite my-vue3-project
npx degit dcloudio/uni-preset-vue#vite-alpha my-vue3-project

如果失败,参考uniapp官网。https://zh.uniapp.dcloud.io/quickstart-cli.html

image-20240301174443202

创建好后先下载项目所需的依赖才能执行命令
npm install

image-20240301174722664

执行打包命令,将项目打包成小程序可执行文件
npm run dev:mp-weixin

image-20240301175301498

微信开发者工具导入这个目录打开就可以执行了

VS Code的代码改变了的效果会直接在微信开发者工具展示出来~,可以开心的用vs code撸uni-app的代码啦!

image-20240301175701962

分类: 技术 标签: VS Codeuni-app小程序

评论

暂无评论数据

暂无评论数据

目录