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. 不关闭编译控制台,就可以实现差量编译,自动预览。
相关推荐
Angindem5 小时前
从零搭建uniapp项目
前端·vue.js·uni-app
Bug从此不上门10 小时前
【无标题】
前端·javascript·uni-app·vue
耶啵奶膘13 小时前
uniapp+vue2解构赋值和直接赋值的优缺点
uni-app
疯狂的沙粒14 小时前
uni-app 项目支持 vue 3.0 详解及版本升级方案?
前端·vue.js·uni-app
Jiaberrr14 小时前
uniapp Vue2 获取电量的独家方法:绕过官方插件限制
前端·javascript·uni-app·plus·电量
^Rocky15 小时前
uniapp 对接腾讯云IM群公告功能
uni-app·腾讯云
段旭涛15 小时前
uniapp 设置手机不息屏
前端·uni-app
疯狂的沙粒18 小时前
在web-view 加载的本地及远程HTML中调用uniapp的API及网页和vue页面是如何通讯的?
前端·uni-app·html
狼性书生1 天前
uniapp实现的简约美观的星级评分组件
前端·uni-app·vue·组件
Jiaberrr2 天前
uniapp 安卓 APP 后台持续运行(保活)的尝试办法
android·前端·javascript·uni-app·app·保活