前端开发工具 - 随笔分类 - 前端路引

插件分享 | 善用 VSCode 内置的效率神器 Emmet 插件提升前端开发效率

摘要：在 VSCode 出现之前，Emmet 插件就在前端领域玩得风生水起，当时的 Sublime Text 装上此插件，前端的编码效率那感觉就如同 2G 网络到 5G 网络的差别一般。后来 VSCode 出现时就直接把这插件内置到编辑器中了，无需再去插件市场安装！！嗯。。又省了一点点事儿熟练掌握此插阅读全文

posted @ 2025-06-09 09:11 前端路引阅读(378) 评论(0) 推荐(0)

VSCode 开启 Javascript 内嵌的类型提示

摘要：默认情况，VSCode 的代码类型提示需要鼠标放置在函数名或者变量名上才出现，有没有觉得这样比较傻瓜~ VSCode 早在 1.60 版本就引入了内嵌提示配置，每次更新都没仔细看文档，感觉错过了很多的小惊喜啊。默认的代码显示你的编辑器代码是不是显示这个样子：开启内嵌的类型提示开启内嵌提示之后阅读全文

posted @ 2025-03-19 09:34 前端路引阅读(233) 评论(0) 推荐(0)

魔改 Markdown Here 让微信公众号支持 Markdown 发文（支持显示行号的代码块）

摘要：Markdown Here 是一个浏览器插件，支持 Chrome/Firefox/Edge 浏览器，其插件描述：用Markdown写一封漂亮的电子邮件。本文仅修改了 Chrome 浏览器的 Markdown Here 插件，其他浏览器可根据文章内容自行修改。写在开头如果你不想看这么多的长篇代码阅读全文

posted @ 2025-03-12 11:58 前端路引阅读(352) 评论(0) 推荐(0)

Vue2/Vue3 项目生产环境开启 vue devtools 插件线上调试 vue 组件

摘要：说到 vue 项目的调试工具，必然少不了 “vue devtools 插件”，此插件就像“手术刀”一样，是开发环境下的一个利器，生产环境一般情况没办法使用。要在生产环境使用，就必须要一点手段。前置条件安装 Chrome 浏览器，本文编写时使用的 Google Chrome 133 版本。安装阅读全文

posted @ 2025-02-28 12:08 前端路引阅读(2789) 评论(0) 推荐(0)

webpack 科学修改 node_modules 某个包的部分文件为本地文件

摘要：需求总是千变万化，npm 不是万能的，node_modules 里面的文件也是需要维护的。如果 npm install 安装了某个包，然而这个包里面部分文件不支持你的需求，这时候怎么办？比如：https://github.com/svg/svgo 此包可以批量处理 svg 文件，但是是 node 阅读全文

posted @ 2020-07-23 17:29 前端路引阅读(3370) 评论(0) 推荐(0)

vscode (1.41.0版本,1.41.1版本)node_modules部分TS声明文件@types包会导致该版本没JS语法提示

摘要：正常提示如下：然而我的提示没了，本以为是插件问题，把所有插件禁用不行！卸载重装vscode还是不行！！但是其他电脑的1.41.1版本，同样代码确没问题！！！简直日了*了折腾大半天，发下问题如下：如果刚好你的项目没了语法提示，又刚好是1.41版本，再刚好你的项目有@types/node@12.1 阅读全文

posted @ 2019-12-20 17:06 前端路引阅读(2163) 评论(3) 推荐(0)

常见网页编辑器(富文本，Markdown，代码编辑等)

摘要：编辑器：网页不常用的功能，但却又是不可少的功能，如果要造个编辑器轮子，它可以把人玩死！！前端几大禁忌就有富文本，为什么都说富文本编辑器是天坑? 下面记录一下常见的一些编辑器，该文随时更新：富文本编辑器 Tinymce tinymce 是一家老牌做富文本的公司，它的产品经受了市场的认可，不管是文档阅读全文

posted @ 2019-08-26 10:32 前端路引阅读(7799) 评论(0) 推荐(0)

删除本地git的远程分支和远程删除git服务器的分支

摘要：新建分支: git checkout -b new 它是下面两条命令的简写： git branch newgit checkout new 列出本地分支： git branch 查看全部分支： git branch -a 查看本地分支： git branch -l 查看远程分支： git branc 阅读全文

posted @ 2019-08-09 17:46 前端路引阅读(3509) 评论(0) 推荐(0)

Nuxt.js中scss公用文件(不使用官方插件style-resources)

摘要：项目多多少少应该都遇到有公用文件这种情况，比如说偶尔某一天产品来找你，能不能明天把网站的这个颜色给我改下？第二天再来给我换回来？如果再css2.x时代，不使用css预处理技术，这一改只能“查找替换”了，使用预处理不使用变量也只有“查找替换”了。当然，css3的时代就另当别论了，因为css3本身已阅读全文

posted @ 2019-06-26 17:05 前端路引阅读(3430) 评论(1) 推荐(0)

Linux 和 windows下查看运行命令的位置

摘要：经常遇到要查看某个命令的运行文件在哪儿！比如说vue cli，经常使用vue命令创建项目，如果你对nodejs的全局包安装目录了解可能一下就找到了，蛋疼的是不一定每个命令都是nodejs下的，有可能会用到系统命令，或者第三方软件命令，比如说Linux下的nginx，mysql等。再说不一定经常阅读全文

posted @ 2019-06-13 16:11 前端路引阅读(2949) 评论(0) 推荐(1)

我用AI(Adobe Illustrator CS6)合并路径的两个常用方法

摘要：作为一个切图仔，经常与设计大佬的PSD打交道，PSD里面又有各种icon图标需要导出，偷懒的方法直接导出png图片，丢个背景图上页面完美解决问题！！第二天来个需求，能不能把这个icon图标给我换个颜色，红色比较艳丽，来个大红色吧！！作为切图仔，PS必须会啊，png丢进去，图层模式--颜色叠加--导阅读全文

posted @ 2019-05-20 11:19 前端路引阅读(24742) 评论(0) 推荐(0)

修改git log中的Date格式

摘要：默认的git log查看日志显示的格式如下： Date: Thu Aug 16 17:44:32 2018 +0800 说实话，真不太喜欢这种日期格式还是换成数值比较舒服一点。git bash中使用命令设置即可：修改之后的日历格式： Date: 2018-08-23T17:16:39+08:00 阅读全文

posted @ 2018-09-06 16:10 前端路引阅读(5630) 评论(0) 推荐(2)

vue-cli 中的 eslint 规则说明

摘要：转载于 http://blog.csdn.net/helpzp2008/article/details/51507428 阅读全文

posted @ 2018-01-03 15:02 前端路引阅读(1483) 评论(0) 推荐(0)

gulp/webpack运行sass报错解决方法

摘要：帮同事安装gulp和webpack运行环境，使用cnpm install安装node-sass之后，运行项目总是报错，提示vendor目录不存在，几番百度之后，找到处理方法，这里记录一笔，防止以后遇到同样问题。使用npm install时候总是报错Python有关的问题，改用cnpm安装之后报错如阅读全文

posted @ 2017-10-18 15:23 前端路引阅读(686) 评论(0) 推荐(0)

nodejs+nvm历史版本

摘要：官网：http://nodejs.org/dist/ 淘宝镜像：https://npm.taobao.org/mirrors/node/ nvm历史版本：https://github.com/coreybutler/nvm-windows/releases 阅读全文

posted @ 2017-09-14 17:23 前端路引阅读(1172) 评论(0) 推荐(0)

vscode 添加eslint插件

摘要：1. 安装vscode中的eslint插件 Ctrl + Shift + P 调出控制台，输入install，再在插件版块查找ESLint，安装 2. 安装node，安装npm 3. 全局安装ESLint模块【2020年5月12日修改：VsCode 1.44.x 可跳过此步骤，不必全局安装 esli 阅读全文

posted @ 2017-07-05 17:32 前端路引阅读(12943) 评论(0) 推荐(0)

使用chrome浏览器调试移动端网页（非模拟访问）

摘要：1. 使用数据线连接手机与电脑 2. 打开手机调试模式参考：http://jingyan.baidu.com/article/f79b7cb35ada4d9145023e63.html 本人使用的miui8系统，参考：http://jingyan.baidu.com/article/636f38b 阅读全文

posted @ 2017-07-03 16:59 前端路引阅读(6458) 评论(0) 推荐(0)

gulp+webpack多页应用开发，webpack仅处理打包js

摘要：项目背景：一个综合网站，开发模式为后端嵌套数据，前端开发静态页面和部分组件。问题：gulp任务处理自动刷新、sass编译等都是极好的。但是对于js的处理并不是很好，尤其是项目需要开发组件时候，如评论组件，需要有模版、css、js[各个模块]。这时候选择用gulp感觉并不合适，当然可以选择requi 阅读全文

posted @ 2017-05-09 10:51 前端路引阅读(3534) 评论(0) 推荐(0)

[转]gulp排除已压缩文件思路

摘要：文章转载至[gulp排除已压缩文件思路] gulp默认排除语法的弊端有个时候我们需要时用gulp排除已经压缩过的js，css等。如果以压缩文件是以".min.js"之类命名规范的还好，如果不是呢？而且还有其他一些场景也会有需要。gulp默认支持glob格式，排除语法为!举几个例子：排除目录 gul 阅读全文

posted @ 2017-03-29 09:28 前端路引阅读(3585) 评论(3) 推荐(0)

vue-cli使用笔记

摘要：修改utils.js配置阅读全文

posted @ 2017-03-16 16:06 前端路引阅读(805) 评论(0) 推荐(0)

随记

随笔分类 - 前端开发工具

公告