![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端项目练习
文章平均质量分 52
月亮的星星圈
努力学习中
展开
-
前端项目练习——引入vue-router4
(2)这里我在工程项目中的src文件夹下创建一个router文件夹,在文件夹下创建一个index.js文件。(3)在main.js入口文件中引入。(1)可以在官方文档中查看入门教程。打开项目终端,输入安装命令。原创 2023-09-08 14:34:48 · 67 阅读 · 1 评论 -
前端项目练习——安装和简单使用Windi CSS
1.在App.js文件中的<template>标签中添加<Button>组件。2.打开官方文档,根据序号顺序依次点击查看,可随机选择一个样式进行验证。3.在Vite.config.js文件中的vite配置中添加插件。3.直接引入类名,即上图中序号5处的名字,将按钮字体变为红色,4.在main.js(Vite入口文件)中引入。下图可以看出按钮文字已经变为红色,说明成功。它是一个CSS框架,便于管理和后期维护。1.打开官方文档,选择Vite进行安装。2.进入项目终端,安装相关包。原创 2023-09-08 09:52:53 · 584 阅读 · 1 评论 -
前端项目练习——Element-Plus引入使用
(4)选择<Button>,查看第一个样式的源代码,引入到App.vue的<template></template>标签中。(2)打开main.js,引入下面两行。(1)在指南中查看快速开始。进入指南查看安装方法。可以看到以下按钮出现。原创 2023-09-05 20:03:54 · 552 阅读 · 0 评论 -
前端项目练习——用Vite创建Vue3.0项目
切换为淘宝镜像:npm config set registry https://registry.npm.taobao.org。1.用vite新建Vue3工程项目。,得到以下结果,即完成安装。原创 2023-09-05 19:24:15 · 196 阅读 · 0 评论