day01_搭建前端开发环境

搭建前端开发环境

1.Node.js

1. 官网下载地址：下载 | Node.js

2. Node.js默认安装目录为 C:\Program Files\nodejs, 你也可以修改目录

   *记住，一路都是 next（下一步）

​ 最后install，等安装好

​ 在命令行里： node -v，看是否会出现一个版本号，出现了说明安装成功！

​ 最后还要检查一下环境变量是否配置：我的电脑（此电脑）右键，打开属性

2. Sublime3安装

1. Sublime跨平台的前端开发神器,是一个共享软件,免费使用；下载最新Sublime3安装包；官网地址:http://www.sublimetext.com/

2. 安装包管理器

3. 打开Sublime3控制台,ctrl+~

4. 输入安装包管理器命令代码，注意需要联网才能安装,因为是在线下载包

​ 包管理器的官网地址:https://packagecontrol.io

5. 安装第三方插件(包)，打开命令面板:ctrl+shift+p；

6. 输入install,然后回车，然后可以搜索想要的插件,回车安装；Atom工具使用

7. Atom工具使用：由github发布的前端开发工具，集成了chrome的调试工具，是一款非常强大和开发的开发工具平台。在file里面的setting里面进行设置,包括字体的大小,快捷键,背景颜色主题等；官网地址：https://atom.io/

8. WebStorm10的安装与使用：WebStrom是最专业的前端IDE开发工具，是一个非常重量级的开发工具,是专业为我们前端设计的IDE,用他来开发是效率非常高；

9. 总结三款开发工具的优劣：Sublime3:需要安装第三方的包，一般。Atom：集成度非常好，也很轻，需要自己安装第三方的包。Webstrom：大项目，建议使用webstrom，非常强大，但是也很重。

3.开始安装grunt

1. 可以在开始菜单menu中的node.js文件加下打开nodejs command，在其中输入npm install -g grunt cli;将下载并安装grunt。其中的-g是安装到全局的意思。

2. 安装完成后，需要验证下grunt释放正确安装。可以在cmd中输入：grunt

以上说明grunt安装成功。 

3. 安装好grunt后，就可以安装插件了；最重要的包管理插件bower；在cmd中输入： npm install bower -g进行全局安装。安装完成后可以验证一下，在cmd中输入：bower -v；输入当前安装的版本表示成功安装。