vue3+ts +vant 从0搭建移动端架子

摘要:
1.前期准备安装node,vue3,vscode1.1安装更新脚手架npminstall-g@vue/clinpmupdate-g@vue/cli1.2vscode插件Volar,Vue3Snippets开发vue3时需要关闭vetur插件2.vue3官网https://v3.cn.vuejs.org/vant官网https://vant-contrib.gitee.io/vant/v3/#/zh

1. 前期准备 安装node,vue3,vscode

1.1 安装更新脚手架npm install -g @vue/clinpm update -g @vue/cli

1.2 vscode 插件VolarVue 3 Snippets 开发vue3时需要关闭vetur插件

2. vue3官网 https://v3.cn.vuejs.org/ vant 官网https://vant-contrib.gitee.io/vant/v3/#/zh-CN

3. 创建项目

vue create vue3appadmin

vue3+ts +vant 从0搭建移动端架子第1张vue3+ts +vant 从0搭建移动端架子第2张

package.json查看安装版本 如果是3.0 需要更新 npm i vue@next 目前最新版本 "vue": "^3.2.22",

安装完成打开即可

项目地址: https://gitee.com/onlysparrow/vue3-app-admin.git

免责声明:文章转载自《vue3+ts +vant 从0搭建移动端架子》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇CookieContainer中的坑ios中为视图添加圆角下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Vue.set()和this.$set()源码解析

前言 我们在日常项目开发过程中,有时候我们对数组或者对象进行了一些操作后,发现页面数据没有更新到。这个时候就会有疑问,why? 如果我们在看文档有这样一个api,以下内容: Vue.set()和this.$set()实现原理 Vue.set()的源码:... 这里是省略的代码 import { set } from '../observer/index'...

vue 多个audio播放 一个audio播放其他audio禁止播放

页面:          <div class="right"> <audio :ref="'audio' + index" :src="item.audioUrl" @ended="haveEnded"/> <div :class="{ active: playIndex == index}"...

vue中使用Ueditor编辑器

一、 下载包: 从Ueditor的官网下载1.4.3.3jsp版本的Ueditor编辑器,官网地址为:       http://ueditor.baidu.com/website/ 下载解压后会得到如果下文件目录: 将上述Ueditor文件夹拷贝到vue项目的static文件夹中,此文件夹为项目的静态服务文件夹; 二、 修改配置 在ueditor.c...

vue.js-详解三大流行框架VUE_快速进阶前端大咖-Vue基础

作者 | Jeskson 来源 | 达达前端小酒馆 Vue概述: MVX模式简介,Vue框架简介,Vue.js的安装与使用。 Vue基础语法: 实例对象,生命周期,模板语法,计算属性,methods方法 Vue渲染: 列表渲染,条件渲染 Vue事件与表单: 事件处理,事件对象,事件委派,表单处理 MVX模式简介:MVX框架模式:MVC+M...

基于SpringBoot和Vue的企业级中后台开源项目

简介 SmartAdmin由河南·洛阳 1024创新实验室团队研发的一套互联网企业级的通用型中后台解决方案!使用最前沿的前后台技术栈SpringBoot和Vue,前后端分离,我们开源一套漂亮的代码和一套整洁的代码规范,让大家在这浮躁的代码世界里感受到一股把代码写好的清流!同时又让开发者节省大量的时间,减少加班,快乐工作,热爱生活。SmartAdmin 让你...

Vue 实战项目: 硅谷外卖(1)

第 1 章: 准备 1.1. 项目描述 1) 此项目为外卖 WebApp(SPA) 2) 包括商家, 商品, 购物车, 用户等多个子模块 3) 使用 Vue 全家桶+ES6+Webpack 等前端最新最热的技术 4) 采用模块化、组件化、工程化的模式开发 1.2. 项目功能界面 1.3. 技术选型 1.4. 前端路由 1.5. API...