k8sailor - 07 初始化 vue3+vite
2023-02-18 16:39:38 时间
tag: https://github.com/tangx/k8sailor/tree/feat/07-initial-vue3-vite2
朴实无华的界面。
安装
# 初始化项目
yarn create vite webapp --template vue-ts
cd webapp
## 安装依赖
yarn
## 启动查看 vue3 是否正常
yarn dev
## 安装 less 支持, 以后写样式用
yarn add less
清理环境
- 删除
/webapp/src/components
下的HelloWorld.vue
。并新建一个Deployment.vue
。这里使用 vue3 的setup
语法糖。
在 <template>
标签对中创建内容 <h3>hello deployments</h3>
<template>
<h3>hello deployments</h3>
</template>
<script setup lang='ts'>
</script>
<style lang='less' scoped>
</style>
- 修改
/webapp/src/App.vue
, 将与HelloWorld
相关的内容全部替换成Deployment
<template>
<Deployment/>
</template>
<script setup lang="ts">
import Deployment from './components/Deployment.vue'
</script>
- 运行 webapp 查看效果
yarn dev
相关文章
- Freemarker-数字默认格式化问题
- Chrome扩展插件的开发--获取网页Cookies
- 【以解决】项目使用feign时候提示bean不能注入feign
- Docker设置容器开机自启
- 常用的淘汰算法
- 分布式事务seata,TCC,最大努力通知,最终一致性解决方案——总结三!
- java分布式事务——最终一致性,最大努力通知总结!
- java分布式事务——seata,tcc解决方案总结!
- 分布式系统–拜占庭将军问题(The Byzantine Generals Problem)
- idea中启动SSM项目
- 【编程】给定一个部门,变量出当前部门的所有父部门包含当前部门
- 【解疑】ConcurrentHashMap 在JDK1.7时候put或get时候,怎么定位到数据的?
- Spring的BeanFactoryPostProcessor
- spring注解开发AnnotationConfigApplicationContext的使用
- 匿名内部类方式实现线程的创建
- spring异常:No runnable methods 解决方法
- 基础IO的理解与操作 - fd
- 【图文教程】Centos 7下安装Hadoop-管杀管埋的
- 【Flink教程-已解决】在idea中测试flink的时候,提示读取文件时候错误,提示文件不存在解决方案
- frp 服务器端 frps 一键安装卸载脚本