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. 不关闭编译控制台,就可以实现差量编译,自动预览。
相关推荐
河北清兮网络科技1 天前
短剧 APP 产品说明
小程序·uni-app·短剧
宠友信息2 天前
一套基于uniapp+springboot完整社区系统是如何实现的?友猫社区源码级功能解析
java·spring boot·后端·微服务·微信·uni-app
碎像2 天前
掌握uniapp发布微信小程序、App(Android)
微信小程序·小程序·uni-app
stpzhf2 天前
uniapp nvue组件多个text在一行并且高亮其中一些文字
前端·javascript·uni-app
qq_316837752 天前
制作uniapp原生插件 在本地离线打包中测试 集成在云打包中
uni-app
Fate_I_C3 天前
uniappx 鸿蒙运行包制作失败
华为·uni-app·uniapp·harmonyos
chQHk57BN3 天前
跨平台前端开发:用Flutter和UniApp一次编写多端运行
flutter·uni-app
自然 醒4 天前
uni-app开发微信小程序,如何使用towxml去渲染md格式和html标签格式的内容?
微信小程序·uni-app·html
CHB4 天前
uni-agent,你的数字员工来了
人工智能·uni-app·vibecoding
h_jQuery4 天前
uniapp使用canvas实现逐字书写任意文字内容,后合成一张图片提交
前端·javascript·uni-app