前端环境安装(node.js+npm+grunt+bower)

前端开发环境安装(本教程不带开发工具的安装教程,只是环境安装)

本人机器环境win7 64位。

一.node.js安装

  1. 进入官网下载node.js文件,http://www.nodejs.org/

    前端环境安装(node.js+npm+grunt+bower)

  2.    下载相应系统版本,我这里下载Windows Installer (.msi) 64-bitwin建议下载.msi版本

    前端环境安装(node.js+npm+grunt+bower)

  3.    安装步骤点击next

    前端环境安装(node.js+npm+grunt+bower)

  4.    勾选同意复选框,单击next

    前端环境安装(node.js+npm+grunt+bower)

  5.    单击Change..选择安装目录(我这里默认安装),单击next

    前端环境安装(node.js+npm+grunt+bower)

  6.    继续点击next

    前端环境安装(node.js+npm+grunt+bower)

  7.    点击Install完成安装

    前端环境安装(node.js+npm+grunt+bower)

  8.    等待安装

    前端环境安装(node.js+npm+grunt+bower)

  9.    单击Fnish完成安装

    前端环境安装(node.js+npm+grunt+bower)

  10.  打开cmd控制台,输入node –v;回车显示版本号说明安装成功

    前端环境安装(node.js+npm+grunt+bower)

  1. 备注:

a)      对于win操作系统的Path路径问题对于.msi安装版本不需要考虑,因为在第六步已经默认把路径写到Path中,所以这里不需要再配置。

b)     对于练习node时,切勿把文件名起为node.js,因为这样无法运行,结果只是把node.js文件用默认软件打开(当初我就因为练习习惯的原因,起名为node.js,导致js文件无法运行,如果有此习惯请注意)。

二.npm安装

  1. npm基于node.js,安装前需要安装ndoe.js

安装node.js后,在控制台输入npm –v,回车显示版本号说明安装成功

  前端环境安装(node.js+npm+grunt+bower)

三.grunt安装

  1.Grunt安装需要npm,安装前需安装npm

  2.在cmd控制台中输入npm install –g –grunt –cli

    等待安装(光标一直在打转说明在安装,此安装需要联网)

   前端环境安装(node.js+npm+grunt+bower)

  3.    显示如下,代表安装成功

   前端环境安装(node.js+npm+grunt+bower)

四.bower安装

  1.bower安装需要npm,安装前需安装npm

  2.在cmd控制台中输入npm install –g bower

    等待安装(光标一直在打转说明在安装,基于npm的安装都需要联网)

   前端环境安装(node.js+npm+grunt+bower)

  3.显示如下,代表安装成功

   前端环境安装(node.js+npm+grunt+bower)

注:本文为原创博文,转载请注明出处:http://www.cnblogs.com/woleicom/p/4154652.html

上一篇:npm 和 bower的区别


下一篇:npm yarn bower (前端必会的工具)