cnpm install 安装依赖包后,vue-element-admin 运行报错血泪采坑总结
摘要:前言 以前安装依赖包会使用 npm install, 但因服务器在国外,所以下载速度不稳定,总体比较慢。 后来国内就有了淘宝镜像 cnpm, 安装依赖速度很快,因为服务器在国内 npm install -g cnpm --registry=https://registry.npm.taobao.or
阅读全文
npm install -D 和 - S,--save 和 --save--dev 到底是什么意思?
摘要:前言 用过 npm 安装各种包的小伙伴肯定对下面安装命令烂熟于心 npm install '要安装的包' -S npm install '要安装的包' -D npm install '要安装的包' --save npm install '要安装的包' --save-dev 但我很早以前就有个疑问,它
阅读全文
谷歌浏览器消除Passive Event Listeners(被动事件警告)的方法
摘要:前言 如果在使用 vue 开发项目时,谷歌浏览器的控制台出现了下图警告: 已将非被动事件侦听器添加到滚动阻止'touchstart‘事件中。请考虑将事件处理程序标记为’被动‘,以使页面更具响应性 原因是:Chrome 增加了新的事件捕获机制 Passive Event Listeners(被动事件侦
阅读全文
VScode 开发 vue 项目使用 Eslint 格式化代码,会自动把单引号变为双引号并添加逗号和分号
摘要:前言 最近一直有个问题折磨着我,用 VScode 格式化代码总是自动把单引号变为双引号, 并且在对象后面自动添加逗号和分号,如下图所示, VScode 中也没找到设置禁止,经过一番搜索终于找到了答案! 解决方法 1. 创建一个 .prettierrc.json 文件,不要忘记前面的小点 如果创建失败
阅读全文
vue 运行代码,eslint 总是报错:error Trailing spaces not allowed 的解决办法
摘要:前言 在使用 vue 开发项目时,一般会安装插件 eslint, 它的作用是对语法和代码规范进行检测, 帮助我们规避一些低级错误,同时提高代码质量,但在实际使用中,可能会遇到下面的报错 eslint 版本:标准版 vue 版本:vue 3 解决方法 1. 把报错文件,如上面截图的 App.vue 或
阅读全文
使用本地谷歌浏览器解决跨域请求问题(适用于Mac)
摘要:使用场景 前端访问的某些接口需要跨域,而后台同事暂时无法做跨域相关配置,此时前端想要做测试,但又不想或不会做配置时, 就可以使用谷歌浏览器进行跨域,从而解决燃眉之急,具体方法如下,适用于苹果电脑 open -n /Applications/Google\ Chrome.app/ --args --d
阅读全文
nrm安装和基本使用
摘要:前言 nrm 是什么? npm 是一个包管理工具,因为服务器在国外,镜像源比较慢,而 nrm 就是 npm 包来源的管理器, 提供其它国内镜像源,比如淘宝镜像,cnpm,yarn等。安装更快, 不容易出现安装卡顿或因卡顿导致安装失败的情况 nrm 安装 npm install nrm -g 安装时
阅读全文
VScode好用的5个插件推荐
摘要:1.live server 快速启动本地服务器(打开后缀为.html的文件) 比如有的小伙伴用CDN引入的方式学习vue等框架时,想在本地运行查看 2.vetur, 语法高亮,代码补全, 格式化代码等 3.Vue VScode Snippets 能够生成基本的vue模版代码,比如输入vbase即可生
阅读全文
fastmock如何使用(模拟接口数据,基于mock.js)
摘要:fastmock是一个可视化创建接口的网站,基于mock.js,可使用其相关语法,具体可参照mock.js官网 先注册登录,然后30分钟内去邮箱点击链接认证, github也可登录,但不稳定,经常登录失败 https://www.fastmock.site/#/ 登录账号后,右上角账号处选择我的项目
阅读全文
vue安装Vue Devtools的2种方法
摘要:方法一:GitHub官网,https://devtools.vuejs.org/guide/installation.html (需要FQ) 方法二:下载安装.crx扩展文件,直接拖拽安装(无需FQ) 下载链接: https://pan.baidu.com/s/10FGks3pWOXX4JwnJ-T
阅读全文
Mac全局安装http-server报错的解决方法(EACCES: permission denied, access ‘/usr/local/lib/node_modules)
摘要:问题描述 如果在Mac全局安装http-server时出现下图错误提示 这是缺少对/usr/local/lib/node_modules的写入访问权限,以root/Administrator身份再次执行该命令 解决办法 命令前面加上sudo ,然后输入本机密码即可,输入错误,会提示再次输入密码 su
阅读全文
redis超简单的基本使用
摘要:前言 mac想要安装redis,只需要执行命令:brew install redis 皆可 但在那之前,还需要先安装 Homebrew 国内源: /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Home
阅读全文
mac输入brew install redis提示command not found
摘要:前言 最近在Mac上使用 brew install redis 安装时提示 command not found 根据提示才知道,原来还需要安装Homebrew 于是经过一顿搜索后,找到了国外和国内2种安装方法 国外源 /usr/bin/ruby -e "$(curl -fsSL https://ra
阅读全文
客户端使用浏览器查看cookie的3种简单方式
摘要:前言 什么是cookie? 可以用下面cookie 6大特点的第一条来简单概括 方法一 在开发者工具里面找到 Network,然后找到Headers下面的Cookie 方法2 在开发者工具里面找到Application,然后点开Cookies 方法3 在控制台直接输入document.cookie
阅读全文
git如何查看本机是否已安装和安装了几个?
摘要:使用 which -a git 命令即可如下查看本机是否安装了git,以及安装了几个? 上图显示本机安装了2个git, 分别在/usr/local/bin/git 和 /usr/bin/git路径下 如果要删除已安装的git版本 先进入git所在路径,比如cd/usr/local/bin/git 然
阅读全文
node中的n模块是什么?它的作用是什么?
摘要:前言 node是什么? 可简单理解为是一种与PHP,Java等类似的的后端语言,只不过它是用前端语言编写而成 n是什么? 属于node中的一个模块,专门用于管理node版本, 比如可以在项目中随意切换不同版本 Mac安装 sudo npm install -g n 全局安装n模块 sudo n st
阅读全文
调试后端接口的神器——postman基本使用介绍
摘要:前言 最近被安利了一个调试接口的神器——postman,而在亲身体验过后,我就成为了它的忠实粉丝。 自从用了它以后,调接口便捷了许多,也节省了不少时间。它是一个比较权威,受广大同行认可的, 可以简单理解为,如果接口在它这里调不通,大概率是接口本身有问题,下面我给大家简单介绍它怎么使用。 下载安装 安
阅读全文
vscode怎么安装本地服务,在手机上测试web移动端页面
摘要:###前言 ####最近在写公司的移动端官网,想在手机上做一下测试,毕竟浏览器的开发者工具仅供参考。 ####然后发现自己竟然不知道vscode应该怎么去操作?作为一个写过 Vscode 小白使用介绍 的人来说,着实不应该 ####接着我就想可能需要安装什么插件。于是在一番常规操作(网上冲浪)后找到
阅读全文
vscode html代码补全怎么设置
摘要:前言 用过vscode的小伙伴都知道真香,但有一点很🥚疼,不能像其它编辑器一样有html代码补全功能, 需要手动一个一个的敲html标签,这简直就是一种折磨啊。但那时我因为懒和搜索的关键字不对没有 找到合适的解决方法,就这么坚持了下来。好像也就习惯了。然而某一天我还是不甘心,总觉得肯定有办法 解决
阅读全文
安装sass报错Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (83)的解决方法
摘要:前言 最近在项目中安装sass时出现了如下报错 意思是sass尚不支持当前环境:64位OS X运行时不受支持。项目node版本是14.15.1, node-sass是4.7.2, 可能因为node升级到最新版本后,导致和现有node-sass版本不兼容所致。 解决方法 node不用回退版本,直接把n
阅读全文