python工具系列：Webstorm 入门级玩转uni-app 项目-微信小程序+移动端项目方案

Webstorm玩转uni-app
最新推荐文章于 2025-05-17 12:54:14 发布
最新推荐文章于 2025-05-17 12:54:14 发布
阅读量1.7k 收藏 23
点赞数 14
CC 4.0 BY-SA版权
分类专栏： # python 文章标签： python webstorm uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_54626591/article/details/140065889

Webstorm 入门级玩转uni-app 项目-微信小程序+移动端项目方案



Webstorm 入门级玩转uni-app 项目-微信小程序+移动端项目方案

1. Webstorm uni-app语法插件 ： Uniapp Support

Uniapp Support - IntelliJ IDEs Plugin | Marketplace

第一个是不收费，第二个收费

在这里插入图片描述

我选择了第二个Uniapp Support ，有试用30天，安装重启webstorm之后，可以提高生产率。

补充

有小伙伴说搜索不到插件，目前webstorm 2022.3版本还能搜到2个：

Uniapp Tool 免费(A free Uniapp plugin )

官

了解本专栏 订阅专栏 解锁全文
python工具系列：webstorm：修改为黑色背景 好看的webstorm主题
weixin_54626591的博客
06-24 796
webstorm：修改为黑色背景 好看的webstorm主题
python工具系列：webstorm导入vue项目及其运行
weixin_54626591的博客
06-25 853
webstorm导入vue项目及其运行
Webstorm 入门级玩转uni-app 项目-微信小程序+移动端项目方案
热门推荐
LlanyW的专栏
08-23 2万+
3. 首次启动肯定是报错了，需要配置自己的DClound APPID， 微信小程序APPID。这个appid号可以用微信者开发工具打开编译出来微信项目，生成一个测试号，然后复制过来。创建一个新项目，选择uniapp,默认模版是演示用，有一些ui组件，常用功能封装。我选择了第二个，有试用30天，安装重启webstorm之后。1.先配置微信开发者工具，HBuilder安装目录。启动完成 之后，在微信开发者工具模拟看效果。2.添加运行项目配置，然后点击运行。第一个是不收费，第二个收费。配置完成之后重新，运行。
webstorm开发uniapp（从安装到项目运行）
acaad的博客
09-03 1万+
点击Plugins中的设置找到从磁盘加载文件（install Plugin from disk)同样在文件中的settings找到tools（File=>settins=>Tools）点击uniapp并做如下配置，分别打开HbuilderX的安装位置与微信小程序的安装位置。点击+添加uniapp的运行指令，Name随便命名，做如下配置后点击apply。（结合自己的webstorm版本下载，不然解析不了）找到放置的插件并单击apply，插件安装完毕。最后点击运行，耐心等待运行成功。（按需下载，本文需要）
webstom编译器运行uniapp项目（微信小程序）
m0_65786766的博客
12-19 3630
我这一生，如履薄冰……
WebStorm使用快速入门
weixin_33757609的博客
09-04 546
WebStorm建立在开源IntelliJ平台之上，JetBrains已经开发和完善了超过15年。其提供了统一的UI，可与许多流行的版本控制系统配合使用，确保在git，GitHub，SVN，Mercurial和Perforce之间提供一致的用户体验。WebStorm提供可定制功能，调整它以完全适合您的编码风格，从快捷方式，字体和视觉主题到工具窗口和编辑器布局。 智能编码辅助 WebStorm可...
移动端选型：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的一种渲染方式。
创建第一个微信小程序 uni-app + Vue3 + Color UI + Webstorm
Iulia
06-11 1678
官方文档给的例子是Vue2的，不适用于Vue3，因此以下实现会和官方文档不太一样step 1 修改pages.json，把导航栏样式改为“custom”，完成这一步之后默认导航栏会消失...}],...step 2 在main.js中把cu-custom组件注册到app中，cu-custom就是是color ui官方包自带的导航栏组件return {appstep 3 在App.vue中获取系统导航栏的尺寸，并暴露为全局变量},})},...
Webstorm全程开发uni-app项目【Vue3+Vite+Typescript】【MacOS运行 npm run dev:app打包的dist/dev/app默认为系统文件,必须更换为管理员】
weixin_43343144的博客
01-07 1819
第一步：使用官方【命令方式创建项目】参考：uni-app官网 也可以通过webstorm-uniapp插件来创建uniapp项目【和官网那种方式是一样的】参考：Webstorm 入门级玩转uni-app 项目-微信小程序+移动端项目方案_uniapp support-优快云博客
uni-app 微信小程序.zip
最新发布
08-31
微信小程序提供了自己的一套组件和API，与uni-app的组件和API在一些方面有所不同，但uni-app提供了兼容层，使得开发者可以更容易地在uni-app中使用微信小程序特有的组件和API。 微信小程序的开发流程主要包括注册...
Windows/MacOS WebStorm/IDEA 中开发 Uni-App 配置
Aiden的笔记本
05-17 3071
本文介绍了如何在 WebStorm 中运行 Uni-App 项目。首先，需要安装 HBuilder X，因为 WebStorm 插件仅起到链接作用。接着，在 WebStorm 中安装 Uniapp Tool 插件，并在设置中配置 HBuilder X 的安装路径及其他工具位置。最后，通过编辑运行配置，新建一个 Uni-App 配置，即可在 WebStorm 中运行 Uni-App 项目。这种方法为不习惯使用 HBuilder X 的前端开发人员提供了便利。
扔了你的狗屎hbx，请在webstorm中开发uniapp
关注前端，关注原创
03-03 2041
本文解决：如何在webstorm中开发uniapp？迁移uniapp旧项目带webstorm中，需要注意什么？webstorm中开发uniapp各类bug解决。
Webstorm 开发 uni-app 项目
weixin_40231090的博客
09-27 2196
webstorm上使用uniapp开发微信小程序
保姆级教程 从零配置nodejs环境并用命令行创建基于vue3的uniapp项目+Webstorm配置uniapp
tepkco的博客
02-07 5608
本教程后面部分（用命令行创建基于vue3的uniapp项目+Webstorm配置uniapp）适合习惯使用vscode或Webstorm等（或者说不习惯HBuilder X）的人参考，如果习惯使用HBuilder X，还是建议使用HBuilder X来搭建uniapp项目，会方便很多。 1. 配置node.js 1.1 下载并安装 进入官网下载node.js，我这里下载的是最新版本的nodejs 下载完成后打开，点击next 点击next 选择安装的目录（建议放在其他盘上，我这里只有
webstrom 开发uniapp 教程 安装使用教程
qq_53722480的博客
12-14 2713
webstrom 开发uniapp 教程 安装使用教程
webStorm 入门
Pony_18的博客
11-21 477
webStorm是远程访问，默认端口为63342，自带有服务器，但是不带有PHP解释器 首先说一下快捷键吧(快捷键是最伟大的发明之一，不接受反驳)： ul>li*3+tab Ctrl+Alt+向下箭头 Alt+↑/↓ 向上/下移动当前行 Ctrl+D 删除当前行 Ctrl+/ 注释/取消注释当前行 Ctrl+Alt+L 格式化当前文件 Alt+鼠标左键  进入多行编辑模式，E...
webstorm入门
学如逆水行舟，不进则退
04-17 6769
TOC 一： 1、引子2、主题3、配色4、参考链接 二： 1、配置分类2、配置查找3、全局配置 3.1、插件配置3.2、SVN、github配置3.3、文件模板配置 4、项目配置 4.1、SVN、Git 配置4.2、项目文件夹标记配置4.3、项目代码检查4.4、CSS预处理语言的预编译、JS 实时压缩4.5、项目脚本库 5、参考链接
WebStorm入门
weixin_43297986的博客
11-06 544
WebStorm常用快捷键 必备快捷键 Ctrl+/：注释当前行 Ctrl+Shift+/：当前位置插入注释 Ctrl+Alt+/：块注释，并Focus到首行，写注释说明用的 Ctrl+Shift+A：选择当前标签前后，修改标签用的 F11：全屏 Shift+F11：全屏免打扰模式，只编辑当前文件 Alt+F3：选择所有相同的词 Alt+.：闭合标签 Alt+Shift+数字：分屏显示 Alt+...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

坦笑&&life

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值