前端开发工具 - 收集

1.应用场景

主要用于前端项目开发，比如编写HTMl+CSS网页布局的工具，

以及JS相关工具.

2.学习/操作

补充：

前端开发的编辑器，个人推荐使用vscode

如果进行ui布局实现，安装插件，信息如下：

HTML CSS Support

前端开发工具 - 收集

Beautify css/sass/scss/less //美化css...

Easy LESS //自动编译less为css

前端开发工具 - 收集

自动编译less为css，相同目录生成, 相同文件名的css文件

前端开发工具 - 收集

1.HTML+CSS --- 网页布局

1.标尺

FSCapture.exe //需要购买，至于解决办法，可执行解决或后续补充.

百度云盘： //链接: https://pan.baidu.com/s/1qRyjVU6JTyQddMGqqorLGA 提取码: q9ud1.6MB 直接下载安装即可

前端开发工具 - 收集

2.吸色器

picpick //https://en.softonic.com/download/picpick/windows/post-download

百度云盘：链接: https://pan.baidu.com/s/1beI0pq6IB2cUhQF5rB8sDQ 提取码: 3eau

前端开发工具 - 收集

补充：

https://flatuicolors.com/ //复制颜色面板网站，可用于设计网页ui -- 推荐 //这里使用了Google 翻译

前端开发工具 - 收集

任选一个Flat UI Palette, 如下：

前端开发工具 - 收集

点击想要得颜色块，即会自动复制该颜色的十六进制.

前端开发工具 - 收集

ctrl+v

出现如下： #1abc9c

....

2.JS

TBD

3.UI 框架

Bootstrap

Ant Design /Pro

后续补充

...

3.问题/补充

TBD

4.参考

https://search.bilibili.com/all?keyword=bootstrap%20&from_source=nav_search_new

https://www.bilibili.com/video/BV1YW411T7yy?p=11 //推荐 - 可以了解学习掌握bootstap 栅格系统的精妙之处.

后续补充

...

前端开发工具 - 收集

相关推荐