众所周知hbuilder这玩意就是依托。。。所以有必要切换一个好用的利器来开发uni项目。本篇介绍2个常用的编辑器来开发uni。根据StackOverflow全球开发者调查报告。vscode和idea系开发工具使用率可以达到90%。

使用vscode开发

vue create -p dcloudio/uni-preset-vue my-project

有可能网络原因可以先用gitee的地址下载下来

git clone https://gitee.com/dcloud/uni-preset-vue.git

之后用本地生成,用默认模板即可

vue create -p ./uni-preset-vue my-project

yarn add sass sass-loader

直接全部复制到vscode的src目录下

可以把项目.git的目录覆盖到根目录在提交

yarn serve

小程序

yarn dev:mp-weixin

需要运行后，再把这个目录用微信小程序工具打开即可

小程序运行命令后在小程序工具点上传

yarn build:mp-weixin

这里代码提交比较麻烦，你得用第三方工具提交。如果想用vscode得提交不行得，因为.git目录在src下面。所以最好是有权力改项目组织架构成vue-cli的，这种在hbuilder打开也正常，否则不建议使用。

使用idea开发

有不少是后端兼职开发前端的牛马，可能更加熟悉idea.可以通过安装插件uniapp tool

配置运行的模式

小程序路径配置

（注意：app相关的打包还是只能在hbuilder上，希望后面有大佬能解决，或者和uni官方反馈下，花时间做hbuilder,不如做个vs插件我都不知道会有多好）