Κοινή χρήση τεχνολογίας

[Δημιουργία έργου vite μέσω pnpm]

2024-07-12

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

1. Τεχνικές απαιτήσεις

  • κόμβος >16.0.0 και άνω
  • Διαχείριση εξάρτησης npm, νήμα, pnpm (συνιστάται pnpm)
    Εισαγάγετε την περιγραφή της εικόνας εδώ

2. Εγκαταστήστε το pnpm

  1. Εγκαθιστώ
npm i -g pnpm
  • 1
  1. Ελεγχος
pnpm -v
  • 1

2.1 Κατασκευή βιτέ

pnpm  create vite
  • 1

Εισαγάγετε την περιγραφή της εικόνας εδώ

3. Διαμόρφωση έργου

3.1 διαμόρφωση eslint

Εγκαθιστώ

pnpm i eslint -D
  • 1

Δημιουργία αρχείου διαμόρφωσης: eslint.cjs (vite configuration eslint τεύχος 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

Δεν βρέθηκε αναλυτής vue-eslint-parser για το ESLint

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