使用WebStorm代替HBuilder开发微信小程序_webstorm开发微信小程序

在我们编程微信小程序的过程中是离不开uniapp的框架 在我们开发过程中自然而然的大家大众想到的开发工具(编辑器)就是HBuilder

简单的介绍一下HBuilder它的使用场景也是非常的广是一个前端开发其一的编辑器它的开发环境可编写 HTML、CSS 和 JavaScript 代码，快速创建网页，其代码编辑和调试功能有助于提高开发和测试效率等等已经我们所说的uniapp移动端 跨平台 对新手来说是非常友好的操作简单容易上手回归话题....

up最讨压的也就是git的提交使用麻烦的指令来提交 虽然之前还没有接触到webstorm都是使用git指令提交 还有就是up习惯使用webstorm还有强大的插件专业性所以up专门出一片使用WebStorm代替HBuilder开发微信小程序文章(因为我看csdn中很少发布)

准备开发环境

Webstorm

在官网中下载webstormWebStorm: The JavaScript and TypeScript IDE, by JetBrains

up建议大家不要使用太新的版本up使用的是2023.3.8的版本比较好用个人认为

如果大家没有激活码可以私信up发大家激活码(不会的up也会出一片文章来教大家激活webstorm其实网上大把 up还是学生非常好心！)

下来后记得配置环境

微信开发者工具

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 

还是建议使用老一点的版本使用稳定版这个微信开发者功能需要大家学习学习 还是需要一点时间的

使用了Uniapp肯定就少不了node因为Uniapp是基于Vue.js来完成的强大框架

https://nodejs.org/en

作为一个编译的环境HBuilder还是需要下载的

https://dcloud.io/

git也是需要安装的(其实可以省略)

https://git-scm.com/

如果是遇到问题可以私信或者浏览up浏览到第一时间回复~~

打开Webstorm

下载插件如果你已经激活了webstorm打开设置->插件->搜索Uniapp Tool下载...

然就是点点加号new一个项目 记住要使用uniapp的选项 这边就不仔细介绍里面的扩展等等了全部默认就好 进来之后可以看到是这样的页面的

然后现在点击 点击加号或者add new 找到

然后就可以ok了 这个时候项目还是跑不起来的 需要在设置中找到uinapp 把路径配置好就可以跑起来项目了

如果说要是webstorm中new不出一个uniapp的项目可以使用备用方法有两种一是https://github.com/dcloudio/uni-preset-vue

在github中拉去uniapp项目

第二种就是在HB中新建一个uniapp项目然后使用webstorm打开 完美解决问题！