WebStorm支持uni | 您所在的位置:网站首页 › webstorm怎么打包 › WebStorm支持uni |
WebStorm支持uni-app开发
无
2019-07-31 16:13:34
22030
0
1
![]() 1.安装node.js 2.全局安装以下依赖
注: vue-cli 版本必须是3.x; 3.webstorm 添加插件
Setting->Languages & Frameworks->JavaScript->code Quality Tools 下设置相关插件;
生成组件模版 Prettier (保存时自动化格式化代码) Settings->Tools->File Watchers下设置后方可生效; https://prettier.io/docs/en/webstorm.html#running-prettier-on-save-using-file-watcher
4.webstorm 添加JavaScript Library https://github.com/DefinitelyTyped/DefinitelyTyped
5.检查代码块模版设置
参考HBuilder 中代码块:https://uniapp.dcloud.io/snippet?id=%e4%bd%bf%e7%94%a8%e4%bb%a3%e7%a0%81%e5%9d%97%e7%9b%b4%e6%8e%a5%e5%88%9b%e5%bb%ba%e7%bb%84%e4%bb%b6%e6%a8%a1%e6%9d%bf
设置JavaScript 版本: Setting->Languages & Frameworks -> JavaScript ,设置JavaScript language version 为 ECMAScript 6;
Setting->Languages & Frameworks -> JavaScript->Node.js and NPM 可查看项目依赖项;
6.以微信小程序为例
开发环境下运行项目: 编译 npm run dev:mp-weixin其中mp-weixin 定义在manifest.json 文件中,如下图所示: 编译结束后如下提示信息:
打开微信开发者工具,选择导入项目,选择工程dist目录下导入即可;
命令行界面(Terminal) ctrl+c 输入y 即可停止运行; 打包为生产环境: npm run build:mp-weixin
package.json 中对上述运行或者打包命令进行了转换:
webstorm 可以添加一个运行配置如下示例: HBuilder 新老编译模式的差别 https://ask.dcloud.net.cn/article/35843
如果需要发布原生app, 则需要其他特殊配置
离线打包配置 Android https://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/508 IOS https://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/41
cross-env 跨平台设置环境变量
上一篇: Ant Design Pro 下一篇: HBuilderX版与cli版互转指南参考 22030 人读过 腾讯微博 QQ空间 人人网 立即登录, 发表评论. 没有帐号? 立即注册 1 条评论 More...![]() |
CopyRight 2018-2019 实验室设备网 版权所有 |