기술나눔

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

1. 기술적 요구사항

• 노드 >16.0.0 이상
• npm, Yarn, pnpm 종속성 관리(pnpm 권장)
  

2. pnpm 설치

1. 설치하다

npm i -g pnpm
1

2. 확인하다

pnpm -v
1

2.1 빌드 vite

pnpm  create vite
1

3. 프로젝트 구성

3.1 eslint 구성

• 중국 공식 홈페이지: http://eslint.cn/

설치하다

pnpm i eslint -D
1

구성 파일 생성: eslint.cjs (vite 구성 eslint 4월 24일 발행, eslint.config.js)

npx eslint --init
1

생성된 최신 파일 구성

시험

# 让所有与prettier规则存在冲突的Eslint rules失效，并使用prettier进行代码检查
"eslint-config-prettier": "^9.1.0",
"eslint-plugin-import": "^2.29.1",
"eslint-plugin-node": "^11.1.0",
# 运行更漂亮的Eslint，使prettier规则优先级更高，Eslint优先级低
"eslint-plugin-prettier": "^5.1.3",
# vue.js的Eslint插件（查找vue语法错误，发现错误指令，查找违规风格指南
"eslint-plugin-vue": "^9.24.0",
# 该解析器允许使用Eslint校验所有babel code
"@babel/eslint-parser": "^7.24.1",
1
2
3
4
5
6
7
8
9
10

pnpm install -D eslint-plugin-import eslint-plugin-vue eslint-plugin-node eslint-plugin-prettier eslint-config-prettier eslint-plugin-node @babel/eslint-parser
1

ESLint에 대한 vue-eslint-parser 파서를 찾을 수 없습니다.

npm install vue-eslint-parser -save-dev
1

3.2 더 예쁜 구성

pnpm install -D eslint-plugin-prettier prettier eslint-config-prettier
1

{
  "singleQuote": true,
  "semi": false,
  "bracketSpacing": true,
  "htmlWhitespaceSensitivity": "ignore",
  "endOfLine": "auto",
  "tra
1
2
3
4
5
6