0
点赞
收藏
分享

微信扫一扫

【科技素养】蓝桥杯STEMA 科技素养组模拟练习试卷3

香小蕉 2023-11-18 阅读 47

用于快速创建页面

在这里插入图片描述

配置插件

在这里插入图片描述
在这里插入图片描述

创建页面

在这里插入图片描述
在这里插入图片描述
输入页面名称,空格,顶部导航的标题,回车

自动生成页面并在pages.json中注册了路由

pages\login\login.vue

<template>
  <div class="login">login</div>
</template>

<script lang="ts" setup>
</script>

<style lang="scss" scoped></style>

需将 div 改为 view
在这里插入图片描述

用于展示代码提示,支持更多代码快捷输入,添加语法提示等。

在这里插入图片描述

在这里插入图片描述

用于鼠标悬停官方组件标签时,提示标签解析和官方文档的跳转

在这里插入图片描述
在这里插入图片描述

仅对 manifest.json 和 pages.json 有效

打开设置
在这里插入图片描述
搜索Associations,添加项 manifest.json 和 pages.json ,值为 jsonc

在这里插入图片描述

1. 安装类型声明文件

cnpm i -D @types/wechat-miniprogram @uni-helper/uni-app-types

2. 配置

tsconfig.json 中添加

      "@types/wechat-miniprogram",
      "@uni-helper/uni-app-types"

在这里插入图片描述

  "vueCompilerOptions": {
    "nativeTags": ["block", "component", "template", "slot"]
  },

在这里插入图片描述

举报

相关推荐

0 条评论