WEB前端开发环境及必会软件

 

 

1.3 - 前端开发环境及软件

1.3.1 - Photoshop 切图、修图、测量

    （1）打开文件，PSD与非PSD文件的区别

（2）标尺、辅助线、矩形选框工具  ->  配合信息面板

（3）打开信息面板（F8），修改单位(信息面板右上角小三角)

（4）拾取颜色，缩放工具和抓手，移动工具（自动选择）

（6）切图及切图时图层注意事项

（7）保存格式，另存为web格式

   

1.3.2 - 编辑器 WebStorm、HBuilder、Atom、Visual Studio Code、...

    一个IDE 完全掌握标准包括:

初级: 包安装，快捷键使用。定制适合自己的工作流。

        高级: 能自己写一个插件。

 

1.3.3 - 浏览器

1.3.3.1 - IE浏览器：IE6、IE7、IE8、IE9、IE10、IE11

1.3.3.2 - 标准浏览器：firefox（fireBug）、chrome、safari…

        Chrome 浏览器:  F12 (Developer Tools) 使用 非常重要的调试技巧。