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. 不关闭编译控制台,就可以实现差量编译,自动预览。
相关推荐
她似晚风般温柔7892 小时前
Uniapp + Vue3 + Vite +Uview + Pinia 分商家实现购物车功能(最新附源码保姆级)
开发语言·javascript·uni-app
Jiaberrr3 小时前
前端实战:使用JS和Canvas实现运算图形验证码(uniapp、微信小程序同样可用)
前端·javascript·vue.js·微信小程序·uni-app
工业互联网专业5 小时前
毕业设计选题:基于springboot+vue+uniapp的驾校报名小程序
vue.js·spring boot·小程序·uni-app·毕业设计·源码·课程设计
&白帝&12 小时前
uniapp中使用picker-view选择时间
前端·uni-app
fakaifa13 小时前
八戒农场小程序V2最新源码
小程序·uni-app·php·生活·开源软件
平凡シンプル17 小时前
安卓 uniapp跨端开发
android·uni-app
艾小逗19 小时前
uniapp快速入门教程,内容来源于官方文档,仅仅记录快速入门需要了解到的知识点
小程序·uni-app·app·es6
鸭子嘎鹅子呱1 天前
uniapp使用高德地图设置marker标记点,后续根据接口数据改变某个marker标记点,动态更新
uni-app·map·高德地图
计算机源码社2 天前
分享一个基于微信小程序的居家养老服务小程序 养老服务预约安卓app uniapp(源码、调试、LW、开题、PPT)
android·微信小程序·uni-app·毕业设计项目·毕业设计源码·计算机课程设计·计算机毕业设计开题
Angus-zoe2 天前
uniapp+vue+微信小程序实现侧边导航
vue.js·微信小程序·uni-app