vue3项目-基础环境-创建项目

目标:

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 可以帮助你实现以下功能:

  1. 状态自动保存:将 Pinia store 中的状态自动保存到 localStorage 或 sessionStorage 中。

  2. 状态自动恢复:在应用程序重新加载时,自动从 localStorage 或 sessionStorage 中恢复之前保存的状态数据,使得用户在刷新页面后能够继续使用之前的状态。

这对于需要在用户会话之间保持应用程序状态的情况非常有用,例如记住用户的登录状态、用户设置等。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值