npm 相关用法记录

yeziyuCoder — Wed, 15 Sep 2021 08:37:42 +0800

用npm全局安装nrm npm install -g nrm --save 查看所有可用的源带*号即为当前使用的配置 nrm ls 添加源 nrm add 源的名称 https://地址如果想删除某个源 nrm del 源的名字切换到某个源 nrm use 源的名字测试源的速度 nrm test 测试某一个源的速度 nrm test 源的名字查看当前使用的是哪个源 nrm current 原文出处：npm 相关用法记录；原文地址同时也是我的博客园地址，欢.

css 自定义鼠标默认样式

yeziyuCoder — Tue, 14 Sep 2021 16:14:49 +0800

body { cursor: url("../../assets/images/mouse.png"),auto; } 原文出处：css 自定义鼠标默认样式；原文地址同时也是我的博客园地址，欢迎关注，会不定期更新~

新版 animate.css 在vue中的正确使用

yeziyuCoder — Tue, 14 Sep 2021 16:12:17 +0800

网上有很多vue中引入animate.css的教程，但是都是旧版的不生效，新版的animate.css的用法如下： npm i animate.css -D // main.js import animate from 'animate.css' Vue.use(animate)

Example

vue-cli3 导入.md文件，vue中markdown文件的解析与渲染

yeziyuCoder — Tue, 14 Sep 2021 16:09:22 +0800

package.json文件中添加以下依赖，然后重新运行npm install "vue-template-compiler": "2.6.10", "github-markdown-css": "^4.0.0", "highlight.js": "^10.5.0", "html-loader": "^1.3.2", "markdown-it": "^12.0.4", "markdown-it-container": "^3.0.0", "markdown-loader": "^6.0.0", "vue.

vue-color 颜色选择器插件用法介绍

yeziyuCoder — Tue, 14 Sep 2021 15:58:27 +0800

// 首先安装依赖 npm i vue-color

color-picker

Chrome

Sketch

Photoshop

js判断数组中是否包含某个元素

yeziyuCoder — Tue, 14 Sep 2021 15:51:42 +0800

方法1：arr.indexOf(element)：判断数组中是否存在某个值，如果存在，则返回数组元素的下标(第一个元素)，否则返回-1； let fruits = ["Banana", "Orange", "Apple", "Mango"] let a = fruits.indexOf("Apple") console.log(a) // 2 方法2：array.includes(searcElement[,fromIndex])：判断数组中是否存在某个值，如果存在返回true，否则返回false； l

一些好看的渐变色（配色）网站推荐

yeziyuCoder — Tue, 14 Sep 2021 14:40:07 +0800

uigradients mycolor space coolhue gradientbuttons colorkit webgradients nipponcolors zhongguose materialpalette palettes coolbackgrounds webdesignrankings brandcolors palettable schemecolor 原文出处：一些好看的渐变色（配色）网站推荐；原文地址同时也是我的博客园地址，欢迎关注，会不定期更新~ ...

升级Vue3注意事项记录 Vue3都需要升级些什么

yeziyuCoder — Tue, 14 Sep 2021 14:13:55 +0800

sass语法的使用控制台报错：Syntax Error: TypeError: this.getOptions is not a function 原因：版本问题，sass-loader的版本过新，安装10.1.1版本即可解决；路由跳转问题路由不跳转：原因：App.vue中别忘了加上 //router: index.js import { createRouter,createWebHashHistory} fr

TypeScript VSCode中的ts文件鼠标移上去报“函数实现重复”警告解决方案

yeziyuCoder — Tue, 14 Sep 2021 14:09:23 +0800

在项目根目录运行： tsc --init 之后项目根目录会自动生成一个tsconfig.json文件，你再回到ts文件里就不会有报红线的“函数实现重复”警告了，是不是很简单~ 原文出处：typescript VSCode中的ts文件鼠标移上去报“函数实现重复”警告解决方案原文地址同时也是我的博客园地址，欢迎关注，会不定期更新~ ...

Vue3 Composition API 中使用 Vuex

yeziyuCoder — Tue, 14 Sep 2021 13:56:35 +0800

Vue3 Composition API 中使用 Vuex 下面是一个Vue3 Composition API 中使用Vuex的实例todoList，用到了state，mutations，actions，可以把自己之前用vue2的旧语法改写成vue3的语法，使用setup，ref, reactive, toRefs，useStore等，完整代码指路：github: color-library；原文出处：Vue3 Composition API 中使用 Vuex；

HappyBiblee