yxb94616 / frontend-project

vite + vue3 + ts + pnpm

必看！！！🧨🧨🧨

1、安装 git

1. 安装 Git

2. 配置 Git

   1. 需要额外配置一下 git config --global core.autocrlf false ，解决 endOfLine 在不同操作系统下的统一问题

3. git clone 仓库

   1. 仓库地址 https://github.com/yxb94616/frontend-project.git

2、安装 nodejs

1. 选择 LTS 版本下载并安装 nodejs

2. 在终端验证安装成功与否，成功输出版本号即安装成功

node -v
npm -v

3. 国内的话，建议切换 npm 源为 淘宝源

npm config set registry https://registry.npmmirror.com

3、安装 pnpm

1. pnpm 是什么，为什么要用 pnpm，了解 pnpm

2. 了解基本使用

3. 安装 pnpm

npm install -g pnpm

4. 在终端验证安装成功与否，成功输出版本号即安装成功

pnpm -v

安装 VsCode

1. 使用 vscode 打开项目目录
2. 使用 vscode 终端 或者系统自带终端进行操作
3. 安装完项目依赖后，建议配置默认使用 prettier 格式化代码

{
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

Project Setup

pnpm install

Compile and Hot-Reload for Development

启动开发

pnpm run dev

Type-Check, Compile and Minify for Production

pnpm run build

Lint with ESLint

pnpm run lint

Format with Prettier

pnpm run prettier