1.编辑器
- Visual Studio Code(推荐)
- HBuilder
- Sublime Text
- Webstorm
- Dreamweaver
注:
①大多数编辑器有代码提示功能,前期不建议大家使用代码提示;
②Visual Studio Code工作界面默认是英文,需安装Chinese插件;
具体步骤如下:
点击被圈图标,输入框输入chinese,点击Install安装
安装成功后点击Restart Now(重启编辑器)搞定;
③写完代码需要用浏览器打开预览,编辑器需要安装open in browser插件
具体步骤如下:
点击被圈图标,输入框输入open in browser,点击Install安装搞定,此时在编辑器界面右击会出现open in browser字样,点击即可打开默认浏览器;
2.浏览器
- 谷歌(推荐)
- 火狐
- IE(兼容使用)
注:
①作为即将成为程序猿的你,个人建议放弃电脑里的qq浏览器、360浏览器,想方设法把谷歌设置为系统默认浏览器(如果设置不成功找360电脑管家设置);
②IE用来测试浏览器兼容问题;
3.切图软件
- Photoshop(推荐)
- Fireworks
注:
用来测量设计稿尺寸;