webstrom 运行打包之后的文件

cmd  命令行窗口  npm i -g live-server

webstrom中 live-server ./dist -o

 

运行vue项目 打包之后路由无法正常跳转,报错undefined,找了半天错之后试着重装了一下cli-service 好了

yarn add -D @vue/cli-service
 

### 如何在 WebStorm 中配置和运行 UniApp 项目 #### 安装必要的插件和支持 为了能够在 WebStorm 中顺利开发 UniApp 项目,需要先确保已安装了支持该框架的相关插件。具体来说,应当通过 JetBrains 的官方市场下载并安装名为 "Uniapp Support" 的插件[^1]。 #### 创建 UniApp 项目 可以通过命令行工具来初始化一个新的基于 Vue3 构建的 UniApp 工程。如果已经设置了 Node.js 开发环境,则可以直接利用 `@dcloudio/uni-cli` 或者其他类似的 CLI 来快速搭建起基础结构[^2]。 #### 配置 HBuilder 和微信开发者工具 为了让 WebStorm 能够更好地理解和处理 UniApp 特定的功能以及方便后续调试工作,还需要进一步指定本地计算机上的 **HBuilderX** 及 **微信开发者工具** 的位置。这一步骤通常是在 WebStorm 的首选项或设置菜单下的 “Tools -> uniApp” 分支里完成的[^3]。 #### 修改 AppID 并准备部署至微信小程序平台 当一切就绪之后,在实际测试之前记得更新项目的 appid 字段为正式注册的小程序 ID 。这样做的目的是让应用能够正确连接到对应的微信公众账号服务端资源[^4]。 #### 运行与调试 最后,按照如下操作执行: - 输入正确的 Hbuilder X 安装目录作为路径; - 添加新的 uniapp 工具条目,并为其命名; - 确认无误后保存更改; - 使用 Run 按钮启动应用程序实例[^5]。 ```bash npm install -g @vue/cli @dcloudio/uni-cli # 如果尚未全局安装 vue cli 和 uni cli npx create-uni-app my-project # 新建一个 uni-app 项目 'my-project' cd my-project # 切换进入新创建的工程文件夹 npm run dev:h5 # 启动 h5 测试服务器 (可选) ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值