零基础学习前端开发-准备工作

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

注：

用来测量设计稿尺寸；