在 WebStorm 中开发 uni-app

2023-11-14

代码已上传至github
github代码地址:https://github.com/Miofly/mio.git

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 小程序

 

HBuilderX 工程

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

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

npm init -y

安装 uni-app 语法提示

npm i @types/uni-app @types/html5plus -D
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 WebStorm 中开发 uni-app 的相关文章

  • php实时股票,php股票数据分析源码

    1 股票指标源码 别名 彩色棒状线 所属类别 线型描述 参数数量 0 以零轴为中心画彩色棒状线 零轴下为阴线颜色 零轴上为阳线颜色 例如 CLOSE OPEN COLORSTICK 别名 分笔数量 所属类别 行情函数 参数数量 0 取得该周
  • 15 openEuler使用DNF管理软件包

    文章目录 15 1 搜索软件包 15 2 列出软件包清单 15 3 显示RPM包信息 15 4 安装RPM包 15 5 下载软件包 15 6 删除软件包 DNF是一款Linux软件包管理工具 用于管理RPM软件包 DNF可以查询软件包信息

随机推荐

  • 【八】springboot整合AOP实现日志操作(超详细)

    springboot篇章整体栏目 一 springboot整合swagger 超详细 二 springboot整合swagger 自定义 超详细 三 springboot整合token 超详细 四 springboot整合mybatis p
  • python机器人开发教程:学习如何使用Python编程创建机器人

    前言 我们学习一些如何使用 ChatterBot 库在 Python 中创建聊天机器人 该库实现了各种机器学习算法来生成响应对话 还是挺不错的 什么是聊天机器人 聊天机器人也称为聊天机器人 机器人 人工代理等 基本上是由人工智能驱动的软件程
  • DSA算法

    DSA 本文主要叙述在CTF中的DSA 根据我自己的理解重述一遍CTF wiki对DSA的描述 公私钥的生成 选择一个哈希函数 H H H 一般选作SHA1 选择比特数为
  • linux diff 补丁文件夹,diff打补丁详解

    对于开源源码修改过程中的必经阶段 对源码打补丁 总是不够精通 搜索了补丁的原理的详细过程 如下 在移植或版本升级过程中 手动比对 用比对工具 转换是很费力的事情 特别是发生变化的文件非常多的情况下 制作补丁 打补丁 可以简化这个过程 主要用
  • Diffie-Hellman(迪菲-赫尔曼)秘钥交换

    Diffie Hellman算法是Whitefield Diffie和Martin Hellman在1976年公布的一种秘钥交换算法 它是一种建立秘钥的方法 而不是加密方法 所以秘钥必须和其他一种加密算法结合使用 这种秘钥交换技术的目的在于
  • Centos7 配置zookeeper 开机自启动

    昨天参考网上的相关教程 Centos7安装Zookeeper3 4 12并实现开机自动 今天早上开启虚拟机 查看zookeeper 的服务状态 切换至zookeeper 的安装目录 cd usr local zookeeper zookee
  • HTML <template> 标签

    实例 使用
  • 【游戏客户端面试题干货】--2021年最新游戏客户端面试干货(lua篇)

    游戏客户端面试题干货 2021年度最新游戏客户端面试干货 lua篇 大家好 我是Lampard 经过春招一番艰苦奋战之后 我终于是进入了心仪的公司 今天给大家分享一下我在之前精心准备的一套面试知识 今天和大家分享的是lua的面试题 本人亲测
  • 欧姆龙NJ系列入门

    1 指示灯 SD卡旁边有个按钮 按下按钮之后SD卡断电 并且需要取出SD卡重新安装或者断电重启 plc 才能上电 2 电源模块 电源模块和 plc 是可以分开的 这是电源模块 这是 plc NJ PA3001 NJ PD3001供电电压不一
  • useCallback和useMemo

    或许大家都明白useCallback一个这样的作用 为了性能优化 但是怎么去用它才能达到性能优化呢 因为我曾经看到过有同事 碰到点击事件就用useCallback包裹起来 但是这样真的是能优化吗 今天我们就来捋一捋 useCallback
  • Thinkphp 5.0整合支付宝即时到账最新接口,含模型验证完整实例

    今年thinkphp推出了5 0版本 相比以往版本更轻更便捷了 由于业务需要使用支付宝支付 兔子工程整合了支付宝支付接口 在此分享给各位奋战在一线的攻城狮们 希望对你们有帮助 传送门 Thinkphp 5 0版本整合微信扫码支付接口 本文所
  • c++ 拷贝构造函数中形参对象可以直接访问private变量

    恩 就酱
  • 栈的基本操作(C语言)

    本文只有代码 介绍了有关栈的基本操作 已经过调试没有很大问题 如有错误 还请批评指正 一 栈的实现和表示 pragma once define CRT SECURE NO WARNINGS include
  • StringIndexOutOfBoundsException: String index out of range: 458

    报错信息 org springframework dao TransientDataAccessResourceException Error updating database Cause java sql SQLException ja
  • Week 2 Git & Github 6: Rollback

    git revert HEAD 回退最新的一次commit 但是并不会撤销之前的commit记录 只是提交一次新的commit 将文件内容修改到上次commit之前的样子 到这里 我们已经学完了几乎所有的撤销更改的命令了 包括 git ch
  • 如何使用万用表测量二极管的阻值

    如何使用万用表测量二极管的阻值 1 测量时 选用万用表的 欧姆 挡 一般用R x100或R xlk挡 而不用Rx1或R x10k挡 因为Rxl挡的电流太大 容易烧坏二极管 R xlok挡的内电源电压太大 易击穿二极管 2 将两表棒分别接在二
  • 在MacOS下使用Fiddler抓包

    在MacOS下使用Fiddler抓包 在MacOS下使用Fiddler抓包 有两种方式 分别是安装Mac版的Fiddler 或者是用虚拟机 安装Windows系统 在Windows系统下运行Fiddler对Mac系统中的内容进行抓包 Mac
  • AES128加密算法的实现(C/Java/C#)

    最近项目中有一个需求 实现AES128的加密算法 用于硬件和平台的通信 硬件加密部分使用C语言完成 平台有两种不同的环境 java Linux 和C Windows 在网上搜集了一些资料 有人实现过纯C代码的AES加密解密算法 这样实际上有
  • Java 新特性 UpdateWrapper-(修改指定字段)

    UpdateWrapper的使用 UpdateWrapper的使用 修改指定id的名字 可在后增加条件 常用的连接条件 UpdateWrapper的使用 QueryWrapperLambdaQueryWrapper 条件查询 修改指定id的
  • 在 WebStorm 中开发 uni-app

    代码已上传至github github代码地址 https github com Miofly mio git CLI 工程 全局安装 vue cli 3 x 如已安装请跳过此步骤 npm install g vue cli 通过 CLI