有来团队后台项目-解析1-2

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

提示：这里可以添加本文要记录的大概内容：

有来团队项目的后台项目对于新手来说，十分具有学习意义，本次为新手提供可参考的代码搭建教程。参考有来团队的后台项目

技术栈： vue 3.x + vite + Ts + vue-router

源码地址：https://github.com/1094549944/youlahoutaijiexi

根据文章标题，查看不同的branch

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、创建项目

添加.gitignore 文件

创建.gitignore 文件
在.gitignore 文件里面写入

# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*

node_modules
dist
dist-ssr
*.local

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

vite 创建项目

版本参考：
vite/5.1.4
win32-x64
node-v20.0.0
参考地址：
vite 参考

 npm create vite@latest

执行命令过程

PS F:\company_project\demo\youlahoutaijiexi>  npm create vite@latest
Need to install the following packages:
  create-vite@5.2.2
Ok to proceed? (y) y
√ Project name: ... vite-project
√ Select a framework: » Vue
√ Select a variant: » TypeScript

Scaffolding project in F:\company_project\demo\youlahoutaijiexi\vite-project...

Done. Now run:

  cd vite-project
  npm install
  npm run dev

PS F:\company_project\demo\youlahoutaijiexi>

执行命令：

  cd vite-project
  npm install
  npm run dev

显示结果：

---

总结

提示：这里对文章进行总结：