uniapp在其他编辑器运行的问题

一、不同方式创建uniapp的区别

  • 通过cli命令创建出来的uniapp可以在任意编译器(vscode、webstorm等)利用npm run servenpm run dev:h5运行
  • 通过hbuilder创建的uniapp不可以在其他编译器运行(尝试过迁移项目,失败,会出现插件缺失或路径等各种问题,尝试通过删除node_modules重新下载插件包也不能解决问题)

所以想要用其他编译器运行uniapp,只能通过cli创建uniapp项目

二、利用cli创建uniapp

  1. 安装cli
    npm install -g @vue/cli
  2. 创建uniapp项目
    vue create -p dcloudio/uni-preset-vue my-project
    vue create -p uniapp模板下载地址 项目名称
    由于利用dcloudio/uni-preset-vue下载uniapp太慢,甚至会下载失败,可以把dcloudio/uni-preset-vue下载到本地,然后把uniapp模板下载地址改成dcloudio/uni-preset-vue文件所在位置

dcloudio/uni-preset-vue下载地址:https://gitee.com/Leexinxian/little-salt-fish/tree/master/uni-preset-vue-master

  1. 运行项目
    npm run dev:%PLATFORM%
  2. 发布项目
    npm run build:%PLATFORM%

%PLATFORM% 可取值如下:

平台
h5 H5
mp-alipay 支付宝小程序
mp-baidu 百度小程序
mp-weixin 微信小程序
mp-toutiao 头条小程序
mp-qq 小程序

参考链接:https://ask.dcloud.net.cn/article/36307 [在 WebStorm 中开发 uni-app]

posted @ 2021-11-01 10:01  1940  阅读(889)  评论(0编辑  收藏  举报