视频学习笔记
超炫酷的可视化大屏
01创建项目及安装组件
ASP.NET Core 6框架揭秘读书笔记
1-编程初体验
2-中间件
3-配置
4.日志
b站视频1
实体
api服务
本文档使用 MrDoc 发布
-
+
首页
01创建项目及安装组件
# 1、初始项目 ```bash pnpm create vite@latest web # 选择vue框架 cd web pnpm install pnpm run dev ``` # 2、安装依赖包 ```bash # 控件 pnpm install element-plus # 样式 pnpm install sass # 图表 pnpm install echarts # 大屏 pnpm install @kjgl77/datav-vue3 ``` # 3、vite 自动打开浏览器 ```js import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev/config/ export default defineConfig({ plugins: [vue()], server:{ //项目启动自动打开浏览器 open:true, //设置主机端口 host:"127.0.0.1", port:5001 } }) ``` # 4、路由的安装与配置 ```js pnpm install vue-router@4 ===> 创建views文件夹 /router/index.ts 配置路由 main.ts => import router from './router/index' app.vue => \<Router-view>\</Router-view> ```
孙端己
2024年8月19日 20:37
转发文档
收藏文档
上一篇
下一篇
手机扫码
复制链接
手机扫一扫转发分享
复制链接
Markdown文件
分享
链接
类型
密码
更新密码