windows下nodejs+npm+bower+git+bootstrap组件环境配置

时间:2022-03-23 04:38:15

1.进入nodejs官方网站下载软件(nodejs.org),

windows下nodejs+npm+bower+git+bootstrap组件环境配置

windows下nodejs+npm+bower+git+bootstrap组件环境配置

2.下载完成后,双击默认安装。安装程序会自动添加环境变量

windows下nodejs+npm+bower+git+bootstrap组件环境配置

3.检测nodejs是否安装成功。打开cmd命令行 输入 node - v 显示当前版本号

4.检查npm是否安装。由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。同样可以使用cmd命令行中键入 npm -v

5. npm作为一个NodeJS的模块管理,之前我由于没有系统地看资料所以导致安装配置模块的时候走了一大段弯路,所以现在很有必要列出来记录下。我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立“node_global”及“node_cache”两个文件夹。我们就在cmd中键入两行命令:npm config set prefix "D:\Program Files\nodejs\node_global"  和npm config set cache "D:\Program Files\nodejs\node_cache"

6.设置用户变量。进入我的电脑→属性→高级系统设置→环境变量。在用户变量下新建或编辑  PATH输入或替换  D:\Program Files\nodejs\node_global

7.下面这一步非常关键,我们需要设置系统变量。进入我的电脑→属性→高级→环境变量。在系统变量下新建“NODE_PATH”,输入“D:\Program Files\nodejs\node_global\node_modules”。

8.

安装bower, npm install bower -g; -g表示全局

输入 node,

require('bower') 显示如下表示 安装成功!

9.检查git是否设置系统变量,若果没有

windows下nodejs+npm+bower+git+bootstrap组件环境配置

windows下nodejs+npm+bower+git+bootstrap组件环境配置

附加:

A.

bower init

该命令会在项目根目录生成以下文件:windows下nodejs+npm+bower+git+bootstrap组件环境配置

B.

npm init

该命令会在项目根目录生成以下文件(项目依赖文件):windows下nodejs+npm+bower+git+bootstrap组件环境配置

C.在项目根目录下生成.bowerrc文件,内容如下:

{
    "directory":"public/libs"
}

这个配置会将通过bower命令安装的静态文件,比如bootstrap\jquery,安装到/public/libs目录下