xljx18335908301@outlook.com 's Blog

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 可以添加一个运行配置如下示例：

Reference

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 跨平台设置环境变量