- 博客(17)
- 收藏
- 关注
RSS订阅转载 StyleLint 使用指南
StyleLint是『一个强大的、现代化的 CSS 检测工具』, 与ESLint类似, 是通过定义一系列的编码风格规则帮助我们避免在样式表中出现错误.安装stylelintnpm install -d -save-dev stylelint安装stylint-config-standard和stylelint-ordernpm install style...
2019-08-01 18:47:00
1032
转载 使用ESLint+Prettier来统一前端代码风格
Prettier是什么？Prettier的中文意思是“漂亮的、机灵的”，也是一个流行的代码格式化工具的名称，它能够解析代码，使用你自己设定的规则来重新打印出格式规范的代码。Prettier具有以下几个有优点：可配置化支持多种语言集成多数的编辑器简洁的配置项使用Prettier在code review时不需要再讨论代码样式，节省了时间与精力。...
2019-08-01 17:36:00
206
转载 ESLint 使用指南
ESLint 官方文档 About 页面 分 About 和 Philosophy 两个部分对 ESLint 做了介绍，简洁明了，值得一读。借助 ESLint，可将 静态代码分析 和 问题代码协助修复 集成到 编码、提交 和 打包 过程中，及早发现并协助修复代码中：有语法错误的部分不符合约定的样式准则的部分不符合约定的最佳实践的部分在项目开发中获得如下收益...
2019-07-30 17:14:00
325
转载 editorConfig编辑器配置
当大家在公司工作时，不可能永远是一个人维护一个项目，当多个人参与一个项目，每个人使用的编辑器不一样，代码风格自然也不一样，那么如何让使用不同编辑器的开发者能够轻松惬意的遵守最基本的代码规范呢？最后终于找到了editorConfig这个东东，发现在这里配置的代码规范规则优先级高于编辑器默认的代码格式化规则。如果我没有配置editorconfig，执行的就是编辑器默认的代码格式化规则；如...
2019-07-26 18:08:00
249
转载 VSCode插件
vscode插件汇总：Debugger for Chrome ：让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试Docker :Docker 管家ESLint : 校验js代码规范stylelint : 检验CSS/SASS/LESS代码规范GitLens — Git supercharged :增强Visua...
2019-07-24 18:13:00
90
转载 VSCode基本使用
由于Sublime Text 安装插件的问题实在是无奈，最后向VSCode低头，决定转战VSCode，虽然可以设置成Sublime Text 快捷键，但多少还是有些不适应，只能从头继续学习了。Mac 快捷键指示：⌘ ：command键⌥ ：option/alt⇧ ：shift按键^ ： 表示的是control键VSCode 快捷键：⌘+D:按中相同...
2019-07-24 17:25:00
177
转载 Mac下怎么更新nodejs
Windows下更新nodejs最简单粗暴的应该就是去官网下载安装包安装了，昨天项目中需要更新nodejs我便找了一下相关文章，发现有一个n模块可以管理node，n 是Node的一个模块，所以安装非常方便，而且作者是Express框架的作者写的。安装既然是Node模块，直接通过npm安装全局。sudo npm install -g n常用命...
2019-07-18 17:30:00
75
转载 npm 基础命令
npm是一个node包管理和分发工具，已经成为了非官方的发布node模块（包）的标准。有了npm，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。1、npm install moduleNames：安装Node模块安装完毕后会产生一个node_modules目录，其目录下就是安装的各个node模块。node的安装分为全局模式和本地模式。一般情况下会以本地...
2019-07-18 17:16:00
89
转载 gulp 对js\css进行md5 加密
有的服务器为了网站加载速度，会做服务器缓存，这样就会出现代码出现引用地址没变，新代码不生效，而我们又希望新代码可以及时生效，这样我们就需要避免缓存，当然也有很多方法，本文只介绍使用gulp-rev（对文件名加MD5后缀）和gulp-rev-collector（路径替换）配合进行对文件名字进行md5加密.rev会做什么： 根据静态资源内容，生成md5签名，打包出来的文件名会加上m...
2016-10-14 10:54:00
168
转载 gulp-css-spriter 雪碧图合并
相信做前端的同学都做过这样的事情，为优化图片，减少请求会把拿到切好的图标图片，通过ps（或者其他工具）把图片合并到一张图里面，再通过css定位把对于的样式写出来引用的html里面。gulp-css-spriter 让这一切别的更简单了。本文只介绍gulp-css-spriter的使用，其它相关文章请自行Google了解^_^。 第一步:npm install gulp...
2016-10-13 09:20:00
96
转载 Yeoman+Bower+gulp web前端自动化工作流程(初级教程)
Yeoman包括了三个部分yo（脚手架工具）、grunt/gulp（构建工具）、bower（包管理器）.听说gulp更容易上手，所以我就没用grunt而选的gulp 什么是开发流程？ 在我看来一个完整的开发流程应该包括：本地开发环境的初始化第三方依赖的管理源文件编译自动化测试发布到pipeline和各个环境 而现代的开发流程，就是要使上面的各个...
2016-10-12 12:32:00
175
转载 gulp-sass设置不同样式风格的输出方法
sass最终输出的样式包括下面几种样式风格：嵌套输出方式 nested展开输出方式 expanded紧凑输出方式 compact压缩输出方式 compressedsass:nav { ul { margin: 0; padding: 0; list-style: none; } li { display: inline-...
2016-09-28 17:41:00
83
转载 'gulp'不是内部或者外部命令，也不是可运行的程序或批处理文件
相信不少菜鸟初用nodejs时候装插件会碰到这种情况，搜索相关文章和请求很多端友未果，而且很多人也不清楚具体该怎么做，经过长时间询问才解决，最后总结一下，希望可以帮助到此问题端友，我这个是安装gulp的时候出现的问题，其它插件这种问题我不清楚怎么解决，你可以效仿此做法尝试解决一下nodejs安装、查看版本正常，npm安装、查看版本正常gulp安装也正常，但是就是查看gulp ...
2015-08-25 10:25:00
400
转载 SourceTree 的初次使用的两个小问题
菜鸟才开始使用SourceTree，出现了两个小问题，特此整理一下，希望对各位新手有帮助。刚开始以为装了SourceTree就不用装git了，其实不然，不装git就会出现下面第一个问题：1、新手使用SourceTree 一定要装git客户端才行，不然克隆远程url会一直提示 “这是一个无效的源路径/URL”(本人已经掉坑里一次了，希望读者不要再犯这么简单的错误)如图所示...
2015-04-22 12:10:00
89
转载 Git 常用命令
git status 查看仓库当前的状态丢弃本地修改文件本地修改文件，但是没有加到缓存区git checkout . git clean -xdf本地修改文件，且加到缓存区git reset --hard git clean -xdf强制把远程仓库的代码覆盖掉本地git reset --hard origin/master 修改文件后提交的步骤git add .git c...
2015-03-21 20:51:00
78
转载 sublime text3插件使用
sublime text 使用BUG解决一、安装emmet、Package Control插件ctrl+shift+p -> install package ->emmet(Zen Coding)[默认安装文件路径F:\Sublime Text 3\Data\Installed Packages]安装Package Control插件报错情况 Packa...
2015-03-21 20:47:00
330
转载 id、css命名规范
main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单：submenu搜索：search友情链接：friendlink页脚：footer版权：copyright滚动：scroll内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service注册：reg...
2015-03-21 20:45:00
85
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人