广州凡科互联网科技有限公司

营业时间
MON-SAT 9:00-18:00

全国服务热线
18720358503

公司门店地址
广州市海珠区工业大道北67号凤凰创意园

h5制作工具-TypeScript + uniApp + uView 搭建小程序项目

日期:2021-04-16 浏览:
--------

h5制作工具

-------


一、建立 uniapp 新项目

vue create -p dcloudio/uni-preset-vue ts-uni-mini(这里是新项目名字)

挑选 默认设置模板(TypeScript)

建立完进到新项目

cd ts-uni-mini

二、在新新项目的vue文档中应用内联ts

按需引入vue装饰设计器

import { Component,Vue ,Watch} from "vue-property-decorator";

无论干啥先把下面这句话加上。

@Component({}) //务必

起动新项目 npm run dev:mp-weixin

三、开启手机微信开发设计者专用工具

导入新项目

挑选导入的新项目

新项目起动取得成功

四、引入 uView

安裝uView

npm install uview-ui

在 sfc.d.ts 文档加上申明

declare module 'uview-ui'

引入uView主JS库

在新项目根文件目录中的main.ts中,引入并应用uView的JS库,留意这两行要放在import Vue以后。

// main.ts import uView from "uview-ui"; Vue.use(uView);

在引入uView的全局性SCSS主题文档

在新项目根文件目录的uni.scss中引入此文档。 /* uni.scss */ @import 'uview-ui/theme.scss';

在 App.vue 引入uView基本款式 /* 留意要写在第一行,同时给style标识添加lang="scss"特性 */ @import "uview-ui/index.scss";

组件方式

此配备需要在新项目根文件目录的pages.json中开展。

温暖提醒

uni-标准不会即时起效,配备完后,您需要重新启动HX或再次编译程序新项目才可以一切正常应用uView的作用。

字段,不然请自主合拼多个引入标准。

// pages.json "": { "^u-(.*)": "ponents/u-1/u−1/u-1/u−1.vue"}}

五、恳求封裝文件目录以下

---------

h5制作工具

------------


新闻资讯

联系方式丨CONTACT

  • 全国热线:18720358503
  • 传真热线:18720358503
  • Q Q咨询:2639601583
  • 企业邮箱:2639601583@qq.com

首页
电话
短信
联系