伙伴匹配系统——前端项目初始化以及前端通用页面搭建

最新推荐文章于 2025-12-17 10:59:42 发布

原创

最新推荐文章于 2025-12-17 10:59:42 发布 · 474 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript

前言

hello，各位小伙伴，今天开始我打算更新写项目的日志文档，这个项目是一个用来匹配志同道合的小伙伴。可以创建房间一起学习，感兴趣的小伙伴可以订阅专栏，后续完成项目我也会把它放到github上供大家一起学习。

技术栈

Vue3（框架） Vue3官网
Vant UI（基于Vue的组件库） Vant UI官网
Vite（打包工具）Vite官网
nginx（单机部署）

前端初始化

Vite脚手架

npm安装

npm create vite@latest

请添加图片描述

项目初始化

npm install

依赖文件
请添加图片描述

启动项目

npm run dev

安装Vant UI组件库

安装Vant

npm i vant

按需引入

npm i babel-plugin-import -D

在vue.confing.js

import vue from '@vitejs/plugin-vue';
import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import {
   
    VantResolver } from '@vant/auto-import-resolver';

export default {
   
   
  plugins: [
    vue(),