目录
2018/8/28更新内容:查询文档
编辑器
Sublime Text3
Package Control插件管理
提到Sublime Text插件安装,就不得不提Package Control 。简单说他就是用来管理插件的。
Emmet插件
Emmet插件可以说是使用Sublime Text进行前端开发必不可少的插件。它让编写HTML代码变得极其简单高效。基本用法:输入标签简写形式,然后按Tab键。Click Here查看使用文档
JsFormat插件
JsFormat是一款将JS格式化的插件
SideBarEnhancements插件
SideBarEnhancements是一款很实用的右键菜单增强插件。
TrailingSpaces插件
TrailingSpaces这款插件能高亮显示多余的空格和Tab
Autoprefixer插件
Autoprefixer是一款CSS3私有前缀自动补全插件。该插件使用CanIUse资料库,能精准判断哪些属性需要什么前缀,该插件需要系统已安装Node.js环境。使用方法:在输入CSS3属性后(冒号前)按Tab键
Visual Stdio Code
可用插件与sublime的插件基本一样,其中的git操作更显方便快捷
Visual Studio Code是微软推出的带 GUI 的代码编辑器,软件功能非常强大,界面简洁明晰、操作方便快捷,设计得很人性化。软件主要改进了文档视图,完善了对 Markdown的支持,新增PHP语法高亮。
我的博文:【win10 && vsCode 常用快捷键】 详情ClickHere 》
WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。
我的博文:【WebStorm常用指南】【包含设置+快捷键+插件】 详情ClickHere 》
屏幕截取/测量/拾色工具
FSCaputure(FastStone Capture)
自己设置快捷键,快速调出工具使用分分钟的事!除了截取/测量/拾色,其功能强大还能滚动截屏,各种类型的录播屏幕,打印扫描选取区域,十字线标记位置等。
PS切图/标注插件
Parker
CutterMan
关于以上PS切图/标注插件链接Click Here0v 0 >>
打包工具
我的博文:【查看我的webPack入门步骤笔记】 ClickHere >>
CSS预处理
Less
可理解为一个像JQuery的js库,引入Less.js即可使用Less编译CSS。其中下文使用了的是Koala的Less预编译工具。可更方便快速简单的使用。
Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。
Koala— —Less预编译
自行setting语言为中文方便操作。其中拉进已经创建好有less文件的项目进入,显示结果如下图:
右键点击less设置输出路径为xxx.css,即可创建对应的文件。html引用该css文件即可。其中在less写的css通过编译对应绑定的xxx.css即也是相同代码。可选择压缩还是normal模式。
上图我设置了自动编译,则只需维护Less文件即可在浏览器看到效果!0v 0~
查询文档
Javascript必备
Mozilla 开发者社区(MDN)是一个完整的学习平台
JavaScript | MDN
ESlint报错
ESlint:List of supported rules(巨全)
我的一些记录:【ESLint问题记录】 Click Here>>
React
AntDesign
AntDesign快速上手
dva 是一个基于 React 和 Redux 的轻量应用框架
DVA脚手架,里面还有Demo可以实操
dvaJs文档
ES6
快捷链接
全部React学习笔记的目录 Click Here>>
全部Javascript学习笔记的目录 Click Here>>
Less学习笔记 Click Here>>
安利一波前端开发推荐使用的工具 Click Here>>
github各类实战练习源码下载 Click Here>>
如果你觉得我的东西能帮到你,无限欢迎给我的github库点个收藏Star~0v 0~