DCloud_UNI_GSQ
DCloud_UNI_GSQ
  • 发布:2019-08-21 14:21
  • 更新:2022-04-14 11:46
  • 阅读:45261

在 WebStorm 中开发 uni-app

分类:uni-app

CLI 工程

全局安装 vue-cli 3.x(如已安装请跳过此步骤)

npm install -g @vue/cli

通过 CLI 创建 uni-app 项目

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

此时,会提示选择项目模板,初次体验建议选择 hello uni-app 项目模板,如下所示:

在 WebStorm 中打开项目

CLI 工程默认带了 uni-app 语法提示和 5+App 语法提示

运行项目

npm run dev:%PLATFORM%

发布项目

npm run build:%PLATFORM%

%PLATFORM% 可取值如下:

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

CLI 方式参考文档

HBuilderX 工程

HBuilderX 创建的工程默认不带 types 语法提示,在 WebStorm 中编辑的时候,可以自行安装

初始化npm(如已初始化跳过此步骤)

npm init -y

安装 uni-app 语法提示

npm i @dcloudio/types -D

注意

webstorm不识别rpx等单位

如果想了解HBuilderX为uni-app做了什么更好的优化,参考:https://ask.dcloud.net.cn/article/35451

4 关注 分享
9***@qq.com C1oudust 小飞侠108 tuonioooo

要回复文章请先登录注册

1***@qq.com

1***@qq.com

运行 npm run dev:h5
Error: Cannot find module 'webpack/lib/RuleSet'
Require stack:
- D:\codeDemo\my-project\node_modules\@dcloudio\vue-cli-plugin-uni\lib\configure-webpack.js
- D:\codeDemo\my-project\node_modules\@dcloudio\vue-cli-plugin-uni\index.js
- D:\codeDemo\my-project\node_modules\@vue\cli-service\lib\Service.js
- D:\codeDemo\my-project\node_modules\@vue\cli-service\bin\vue-cli-service.js
2022-04-14 11:46
thexinkewonder

thexinkewonder

回复 DCloud_UNI_GSQ :
改成sass也不行,node-gyp调用的python2已经被苹果从系统中删了,建议你们官方升级一下使用的gyp版本
2022-02-25 11:17
DCloud_UNI_GSQ

DCloud_UNI_GSQ (作者)

回复 thexinkewonder :
依赖中的 node-sass 改为 sass
2022-02-24 15:30
thexinkewonder

thexinkewonder

使用```vue create -p dcloudio/uni-preset-vue project```并选择使用Hello uniapp模版时,macOS 12.3系统,会提示node-gyp的错误,经过查看是由于贵司使用的node-gyp版本过低导致gyp默认调用了python2,建议升级成更高版本的node-gyp。
2022-02-23 19:37
NTdiary

NTdiary

回复 DCloud_UNI_GSQ :
如果赞旁边有踩功能的话,直接踩他一下
2021-12-02 14:23
7***@qq.com

7***@qq.com

回复 DCloud_UNI_GSQ :
你好,我希望知道如何让webstorm提醒onLaunch等语法,我现在开发的时候都是灰色的
2021-11-17 14:48
DCloud_UNI_GSQ

DCloud_UNI_GSQ (作者)

回复 m***@163.com :
这个文章发布于 n 年前,可能现在有些过时了,希望有更好的建议可以提出,而不是一句垃圾。
2021-11-08 14:31
DCloud_UNI_GSQ

DCloud_UNI_GSQ (作者)

回复 m***@163.com :
这个不是文档,这个是我个人为了方便其他编辑器用户发布的一篇文章,能否描述一下你发布此言论的过程吗?
2021-11-08 14:27
m***@163.com

m***@163.com

垃圾文档
2021-11-07 21:59
Lysander686

Lysander686

回复 Lysander686 :
我找到了, 可以在file type 里面进行配置, 给vue选项下的 *.vue 另外添加一种file type *.nvue即可
2021-01-16 17:36