目标:
npm=>yarn=>pnpm
安装pnpm npm install-g pnpm
创建项目 pnpm create vue
pnpm create vue (创建的是vue3项目),pnpm更快
eslint.cjs配置
/* eslint-env node */
//来源: @rushstack/eslint-patch 是 RushStack 项目提供的一个工具,
//用于解决一些在现代 Node.js 环境中遇到的模块解析问题。
require('@rushstack/eslint-patch/modern-module-resolution')
// 这部分是 ESLint 配置的主体,包含了以下几个主要的配置项:
// root: true:指示 ESLint 在当前文件夹是根目录时停止查找配置文件,这是 ESLint 配置文件中常见的一项配置。
// 'extends':指定所使用的 ESLint 配置的扩展。在这里,配置了三个扩展:
module.exports = {
root: true,
'extends': [
'plugin:vue/vue3-essential',
'eslint:recommended',
///启用一组核心规则,这些规则涵盖了 JavaScript 中常见的错误和最佳实践。适用于大多数项目的推荐配置。
'@vue/eslint-config-prettier/skip-formatting'
// 作用: 禁用与 Prettier 格式化冲突的 ESLint 规则,
//但不包含 Prettier 的格式化功能。这意味着 ESLint 只负责代码质量检查,
//而不涉及代码格式化,避免了与 Prettier 的冲突。
],
parserOptions: {
ecmaVersion: 'latest'
}
}
import persist from 'pinia-plugin-persistedstate'
是用来导入 Pinia 的一个插件,名为pinia-plugin-persistedstate
。这个插件的作用是实现状态持久化,即将 Pinia store 中的状态数据保存在浏览器的持久化存储(如 localStorage)中,以便在页面刷新或重新打开时能够保持之前的状态。具体来说,
pinia-plugin-persistedstate
可以帮助你实现以下功能:
状态自动保存:将 Pinia store 中的状态自动保存到 localStorage 或 sessionStorage 中。
状态自动恢复:在应用程序重新加载时,自动从 localStorage 或 sessionStorage 中恢复之前保存的状态数据,使得用户在刷新页面后能够继续使用之前的状态。
这对于需要在用户会话之间保持应用程序状态的情况非常有用,例如记住用户的登录状态、用户设置等。