【GO】k8s 管理系统项目16[前端部分--项目初始化]-学习记录

学习链接

https://blog.csdn.net/qq_29974229/article/details/129119279?spm=1001.2014.3001.5502

复制代码
nvm use v16.15.0
npm install vue -g
npm install -g @vue/cli
复制代码
vue create k8s-plantform-fe

选择 Default

复制代码
cd k8s-plantform-fe
npm run serve

cd   ./src
mkdir views
mkdir router
touch router/index.js
mkdir layout
mkdir utils

cd  k8s-plantform-fe
npm install element-plus
npm install vue-router
npm install nprogress
npm install axios
npm install json2yaml
npm install js-yaml

cat vue.config.js 
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true
})

cat src/main.js 
import { createApp } from 'vue'
import App from './App.vue'
createApp(App).mount('#app')

npm run serve

cat src/App.vue 
<template>
  <img alt="Vue logo" src="./assets/logo.png">
  <HelloWorld msg="Welcome to Your Vue.js App"/>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue'

export default {
  name: 'App',
  components: {
    HelloWorld
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
相关推荐
兔子不吃草~2 小时前
Transformer学习记录与CNN思考
学习·cnn·transformer
与己斗其乐无穷3 小时前
C++学习记录(8)list
学习
有谁看见我的剑了?3 小时前
k8s-容器探针和生命周期回调学习
学习·容器·kubernetes
芜狄5 小时前
UCOSIII移植——学习笔记1
笔记·嵌入式硬件·学习·stm32f103rct6·ucosiii实时操作系统
Cellular_Modem笔记7 小时前
5G NR-NTN协议学习系列:NR-NTN介绍(2)
学习·5g·ntn
ooo-p7 小时前
FPGA学习篇——Verilog学习Led灯的实现
学习·fpga开发
_hermit:8 小时前
【从零开始java学习|小结】记录学习和编程中的问题
java·学习
屁股割了还要学8 小时前
【数据结构入门】排序算法(4)归并排序
c语言·数据结构·学习·算法·排序算法
武昌库里写JAVA9 小时前
Mac下Python3安装
java·vue.js·spring boot·sql·学习
程序员东岸11 小时前
C语言入门指南:字符函数和字符串函数
c语言·笔记·学习·程序人生·算法