WebStrom开发uni-app项目

已于 2023-07-25 10:04:45 修改
阅读量1.6k 收藏
点赞数
分类专栏： Plugin 文章标签： uni-app notepad++ vue webstorm 小程序
于 2023-07-25 10:03:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38689179/article/details/131910872
版权
UniappTool是一款免费的Uniapp插件，用于编译和运行项目。用户需在后台设置HbuilderX和微信开发者工具的安装路径，支持rpx和upx单位转换，以及EasyCom组件、小程序分包、JSON配置、生命周期函数的智能提示功能，提升开发效率。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Uniapp Tool

在插件市场搜索uniapp tool
插件下载安装

最新版下载

点我去下载

  • 使用说明
  • Bug 提交
  • 一款免费的 Uniapp插件 可以编译运行uniapp项目
  • 需要在后台设置->工具->Uniapp->设置HbuilderX安装根目录
  • 如需启动小程序->工具->Uniapp->设置微信开发者工具安装根目录
  • 支持rpx upx单位
  • ~/@ 识别为项目路径
  • easycom组件识别
  • 微信小程序发行到官方后台
  • 页面注册到json 支持分包
  • 语法提示 生命周期函数提示

设置ide目录

设置

启动项目

启动

json代码提示

json代码提示

新建页面

新建页面

内置组件提示

内置组件提示

url提示

url提示

webstorm开发uniapp（从安装到项目运行）
m0_74823452的博客
12-11 2757
点击Plugins中的设置找到从磁盘加载文件（install Plugin from disk)点击uniapp并做如下配置，分别打开HbuilderX的安装位置与微信小程序的安装位置。同样在文件中的settings找到tools（File=>settins=>Tools）点击+添加uniapp的运行指令，Name随便命名，做如下配置后点击apply。（结合自己的webstorm版本下载，不然解析不了）找到放置的插件并单击apply，插件安装完毕。最后点击运行，耐心等待运行成功。（按需下载，本文需要）
扔了你的狗屎hbx，请在webstorm中开发uniapp
最新发布
关注前端，关注原创
03-03 1067
本文解决：如何在webstorm中开发uniapp？迁移uniapp旧项目带webstorm中，需要注意什么？webstorm中开发uniapp各类bug解决。
uniapp-tools:uniapp工具类
05-10
uniapp-tools (停止维护) uniapp工具类
Webstorm 入门级玩转uni-app 项目-微信小程序+移动端项目方案
LlanyW的专栏
08-23 2万+
3. 首次启动肯定是报错了，需要配置自己的DClound APPID， 微信小程序APPID。这个appid号可以用微信者开发工具打开编译出来微信项目，生成一个测试号，然后复制过来。创建一个新项目，选择uniapp,默认模版是演示用，有一些ui组件，常用功能封装。我选择了第二个，有试用30天，安装重启webstorm之后。1.先配置微信开发者工具，HBuilder安装目录。启动完成 之后，在微信开发者工具模拟看效果。2.添加运行项目配置，然后点击运行。第一个是不收费，第二个收费。配置完成之后重新，运行。
Webstorm 开发 uni-app 项目
weixin_40231090的博客
09-27 2007
webstorm上使用uniapp开发微信小程序
webstrom 开发uniapp 教程 安装使用教程
qq_53722480的博客
12-14 2479
webstrom 开发uniapp 教程 安装使用教程
uni-app快速入门源码 uni-app开发经典源码项目 uni-app可快速实现对接进销存
12-09
uni-app快速入门源码 uni-app开发经典源码项目 uni-app可快速实现对接企业进销存、OA、ERP系统 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、...
uni-app开发介绍PPT
08-12
uni-app的优点是跨端开发，开发者可以使用uni-app开发一个项目，然后发布到多个平台。uni-app还提供了内置组件和拓展组件插件市场，方便开发者快速开发应用程序。 uni-app的生命周期与Vue标准组件的生命周期相同。...
uni-app项目练习2
05-16
这个“uni-app项目练习2”是一个典型的uni-app应用实例，用于帮助学习者掌握uni-app的开发技能。 在这个项目中，我们可以学习到以下关键知识点： 1. **uni-app环境搭建**：首先，需要安装HBuilderX IDE，这是uni-...
uni-app实战在线教育类app开发-视频教程网盘链接提取码下载.txt
11-07
本季度基于uni-app实战开发在线教育类app和小程序，课程包括：图文，音频，视频，电子书、会员、直播、问答、考试、拼团秒杀、优惠券。一次开发，同时搞定Android、iOS、微信小程序、H5端。非常适合具有...
uniapp-tailwind-uview-starter:利用uniapp + tailwindcss + uview构建的一套基础模板，可以使用Webstorm或者vscode开发
04-03
uniapp-tailwind-uview-starter 利用uniapp + tailwindcss + uview构建的一套基础模板 背景：之前用uniapp + uview开发了一大一小两个小程序， css方案用的原子风格的，发现用的还是挺爽的，就在想能不能用上tailwindcss ，研究之后发现用Hbuilder创建的自由度比较低，于是选择了用Vue-cli4了Vue-cli4 。 要求： Node.js> 12 项目地址 项目初始化 我选择了预设模板。 我的Webstorm默认使用pnpm包管理，这是第一个坑，启动项目时报错，于是rm -rf node_modules ，重新使用yarn安装依赖，然后npm serve正常启动。 第二个坑是要求Webstorm设置Nodejs v12以上，否则tailwind不会智能提示。 如果是想要启动微信小程序的话，选择dev:mp-w
uniapp框架-仿追书神器的小说阅读器小程序-uni-app项目源码-vue语法格式.zip
05-21
UniApp开发前景分析：专业视角引领未来 随着移动互联网的迅猛发展，跨平台应用开发框架UniApp以其独特的优势，展现出广阔的开发前景。 UniApp基于Vue.js，采用一次编写、多端运行的设计理念，极大降低了开发成本和...
移动端选型：WebStorm开发uni-app ,用vue2实现手机APP(apk) + 微信小程序多端项目开发方案
LlanyW的专栏
02-11 1万+
而vue文件用的是webview渲染，Webview是一个基于webkit的引擎，可以解析DOM元素，展示html页面的控件，他和浏览器展示页面的原理是相同的，所以可以把它当做浏览器看待。vue文件用的是webview渲染，Webview是一个基于webkit的引擎，可以解析DOM元素，展示html页面的控件，他和浏览器展示页面的原理是相同的，所以可以把它当做浏览器看待。nvue是native vue的缩写，是uni-app的一种渲染方式。是native vue的缩写，是uni-app的一种渲染方式。
webstorm中开发uniapp
cainiao1412的博客
03-24 8602
根据官网提示创建或配置项目 官网配置：在 WebStorm 中开发 uni-app - DCloud问答 plugins中搜索Wxapp Support安装 不验证rpx报错信息 File Watchers中增加rpx格式化时不增加空格 -i "" s/"\ rpx"/rpx/g $FilePath$ 重启一下，然后提示这类字眼点击 Trust project and run ...
保姆级教程 从零配置nodejs环境并用命令行创建基于vue3的uniapp项目+Webstorm配置uniapp
tepkco的博客
02-07 5146
本教程后面部分（用命令行创建基于vue3的uniapp项目+Webstorm配置uniapp）适合习惯使用vscode或Webstorm等（或者说不习惯HBuilder X）的人参考，如果习惯使用HBuilder X，还是建议使用HBuilder X来搭建uniapp项目，会方便很多。 1. 配置node.js 1.1 下载并安装 进入官网下载node.js，我这里下载的是最新版本的nodejs 下载完成后打开，点击next 点击next 选择安装的目录（建议放在其他盘上，我这里只有
WebStorm创建uniapp项目
weixin_45941687的博客
10-13 4956
WebStorm创建uniapp项目 我之前vue/cli是2.0的 npm install -g @vue/cli vue create -p dcloudio/uni-preset-vue my-project 下面语句编译 npm run dev:mp-weixin uniapp文档链接
在 WebStorm 中开发 uni-app
热门推荐
wfly blog
04-27 3万+
代码已上传至github github代码地址：https://github.com/Miofly/mio.git CLI 工程 全局安装 vue-cli 3.x（如已安装请跳过此步骤） npm install -g @vue/cli 通过 CLI 创建 uni-app 项目 vue create -p dcloudio/uni-preset-vue my-project 此时...
webstorm如何调试uniapp程序
weixin_46573332的博客
08-14 1114
2.在HbuilderX路径的位置 选择自己的Hbuilder安装路径。第一步，找到文件设置—>工具—>uniApp。最后点击运行按钮，等待运行完成即可。3.点击启动工具编辑。4.选择uniapp。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值