Skip to content

yxb94616/frontend-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ROYAL NEVER GIVE UP

必看!!!🧨🧨🧨

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
  1. 国内的话,建议切换 npm 源为 淘宝源
npm config set registry https://registry.npmmirror.com

3、安装 pnpm

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

  2. 了解基本使用

  3. 安装 pnpm

npm install -g pnpm
  1. 在终端验证安装成功与否,成功输出版本号即安装成功
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