随笔分类 - VUE
摘要：1. 不同版本node安装在不同目录 2. 配置环境变量 鼠标右击【此电脑】→点击【属性】→点击【高级系统设置】→点击【环境变量】 修改系统变量 path，修改相应版本的node路径 点击确定。 在cmd窗口输入 node -v ，显示新切换的node版本号
阅读全文
摘要：https://registry.npmmirror.com/binary.html?path=node/
阅读全文
摘要：npm 官方原始镜像网址是：https://registry.npmjs.org/淘宝 NPM 镜像：https://registry.npm.taobao.org/阿里云 NPM 镜像：https://npm.aliyun.com腾讯云 NPM 镜像：https://mirrors.cloud.t
阅读全文
摘要：在使用npm安装依赖时，报如下错误： 9895 error compiling from source 9896 error getaddrinfo ENOENT raw.githubusercontent.com 9896 error gifsicle pre-build test failed
阅读全文
摘要：方法一 npm install --ignore-scripts
阅读全文
摘要：tsconfig.json 1.添加"noImplicitAny": false，即将你定义的数据类型 ，隐式具有“any”类型 2.或者 “strict”: true,改为false ，即关闭严格模式
阅读全文
摘要：const debug = process.env.NODE_ENV !== 'production' 提示 TS2591: Cannot find name 'process'. Do you need to install type definitions for node? Try `npm
阅读全文
摘要：Symbols 的出现是为了什么呢？ 翻译自 medium Symbols 是 JavaScript 最新推出的一种基本类型，它被当做对象属性时特别有用，但是有什么是它能做而 String 不能做的呢？ 在我们开始探索 Symbols 功能之前，我们先来看一下被很多开发者忽略 JavaScript
阅读全文
摘要：在使用vite 时，发现不能使用require.context 自动导入modules,可以使用import.meta.globEager替换 require 自动引入实现 const moduleFiles = require.context('./modules', false, /\.ts$/
阅读全文
摘要：element-plus 安装 npm install element-plus --save 在main.js引用 import {createApp} from 'vue' import router from './router/index' import store from './stor
阅读全文
摘要：vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 安装 npm install vuex@next --save 直接使用 this.$store.state.xxx 首先在src目录
阅读全文
摘要：在 Vite2 与 Vue3 中使用Mockjs 1. 安装mockjs npm install mockjs --save-dev 2. 安装vite-plugin-mock npm i vite-plugin-mock cross-env -D 3.在 package.json 中设置环境变量
阅读全文
摘要：1.安装axios npm install axios 2.修改App.vue <template> <img alt="Vue logo" src="./assets/logo.png" /> </template> <script lang="ts"> import { defineCompon
阅读全文
摘要：配置国际化 安装vue-i18n npm install vue-i18n@next 在src目录下建立locales文件夹，并在文件下面创建zh.ts、en.ts文件（中文、英文），本文只做中英文切换作为案例，后续可加更多版本. zh.ts export default { message: {
阅读全文
摘要：vite目的是以后替代webpack，原理是利用浏览器现在已经支持es6的import了，遇到import会发送一个http请求去加载文件，vite拦截这些请求，做一些预编译，省去了webpack冗长打包的时间，提升开发体验。 1. 使用npm创建工程，node版本必须在12以上 npm init
阅读全文
摘要：转自 https://www.cnblogs.com/kunmomo/p/14989831.html 前言 项目中在提交时如果有eslint相关的问题会报错，那么是如何使用eslint在提交时检查代码的呢？ 解决 假设已经安装好了eslint并且完成了配置文件的配置，万事俱备只欠东风了 1、在项目中
阅读全文
摘要：转自 https://segmentfault.com/a/1190000012936029 首先，要使webpack支持eslint，就要要安装 eslint-loader ，命令如下: npm install --save-dev eslint-loader 在 webpack.config.j
阅读全文
摘要：转自 https://www.cnblogs.com/kunmomo/p/14987319.html 简介 当 ESLint 运行时，在确定哪些文件要检测之前，它会在当前工作目录中查找一个 .eslintignore 文件。如果发现了这个文件，当遍历目录时，将会应用这些偏好设置。一次只有一个 .es
阅读全文
摘要：转自 https://www.cnblogs.com/kunmomo/p/14985987.html 简介 ESLint 是一款开源的 JavaScript lint 工具，由 Nicholas C. Zakas 于2013 年创建。 借助 ESLint，可将 静态代码分析 和 问题代码协助修复 集
阅读全文
摘要：const app = Vue.createApp({}) app.config = {...} errorHandler: 组件渲染方法执行期间及侦听器抛出的未捕获错误,可以获取到错误信息和应用实例 app.config.errorHandle = (err, vm, info) => { //
阅读全文
