uni-app 命令行创建

1. 首先创建项目,命令如下:

shell 复制代码
npx degit dcloudio/uni-preset-vue#vite-ts uni-app-demo

如果出现报错,如下图.

大概率就是没有目录'C:\Users\Administrator\AppData\Roaming\npm

解决办法:

创建目录 'C:\Users\Administrator\AppData\Roaming\npm

再次执行就OK了。

2. 安装依赖

  1. 首先需要进入到创建的项目文件夹中.
  2. 再文件夹中的package.json,所在目录执行安装依赖。
shell 复制代码
npm install

3. 编译程序

具体的编译脚本信息在package.json目录可以详细查看。

以开发微信小程序为例,编译开发版的小程序, 执行命令如下

shell 复制代码
npm run dev:mp-weixin

执行效果如下:

4. 导入微信小程序开发工具预览

  1. 以上编译完成之后在工程文件夹下会多出一个目录dist。该目录下是编译好的内容。dist/dev/mp-weixin.
  2. 不关闭编译控制台, 后续可以继续差量编译.
  3. 在小程序中导入编译后的文件夹。【项目】 -- 【导入项目】
  4. 不关闭编译控制台,就可以实现差量编译,自动预览。
相关推荐
EatFan1 天前
Java接入支付宝 JSAPI 支付保姆教程(二):流程讲解与前后端代码讲解
前端·spring boot·后端·微信小程序·小程序·uni-app
bug总结2 天前
uniapp vue3全局方法注册使用
前端·javascript·uni-app
大佐不会说日语~2 天前
Android 16 下 uni-app APP 提示“网络连接失败”的排障与修复
android·uni-app
2501_915106322 天前
苹果App Store上架费用及流程全面解析
android·ios·小程序·https·uni-app·iphone·webview
白远山2 天前
家政服务派单平台搭建实战指南:从需求分析到系统设计全流程解析
java·开发语言·架构·uni-app·需求分析
宸翰2 天前
解决uni-app 中 SVG 图片在 iOS 端显示模糊问题
前端·uni-app
走到天涯海角2 天前
uniApp蓝牙在手机上测试
智能手机·uni-app
bug总结3 天前
uniapp的easycom自动组件注册机制
uni-app
HF_code3 天前
uniapp-history路由深度指南
uni-app
suliqiang3 天前
【前端技术】 Web 前端技术36年 演进全景图
信息可视化·微信小程序·小程序·前端框架·uni-app·人机交互·xcode