Vue项目一、node.js和npm的安装和环境搭建

一、为什么安装node.js及npm

 

npm

npm是Node.js的包管理工具（package manager），是全球最大的生态系统，同过npm可以找到很多丰富的插件来满足项目的需求。

a1.现在做webpack的构建、Gulp的构建及grunt的构建，vue项目的开发等插件都需要npm安装。所以需要安装npm。

a2.为什么我们需要一个包管理工具呢？因为我们前端开发时，会用到很多别人写的插件。如果我们要使用别人写的某个包，每次都根据名称搜索一下官方网站，下载代码，解压，再使用，非常繁琐。于是一个集中管理的工具应运而生：大家都把自己开发的模块打包后放到npm官网上，如果要使用，直接通过npm安装就可以直接用，不用管代码存在哪，应该从哪下载。

更重要的是，如果我们要使用模块A，而模块A又依赖于模块B，模块B又依赖于模块X和模块Y，npm可以根据依赖关系，把所有依赖的包都下载下来并管理起来。否则，靠我们自己手动管理，肯定既麻烦又容易出错。

 

 

node.js

npm依赖于node.js的运行环境，Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。所以在开发环境中，需要这两个环境做为支撑。

 

安装完成后，node -v、npm -v 查看版本号

升级安装的npm可以用  npm install -g npm

因为npm为国外的站点所以下载比较慢，所以建议大家用淘宝镜像（cnpm）

npm install -g cnpm 

 

Windows 上安装 Node.js

你可以采用以下两种方式来安装。

1、Windows 安装包(.msi)

下载：https://nodejs.org/en/download/

步骤 1 : 双击下载后的安装包 v0.10.26，如下所示：

步骤 2 : 点击以上的Run(运行)，将出现如下界面：

步骤 3 : 勾选接受协议选项，点击 next（下一步） 按钮 :

步骤 4 : Node.js默认安装目录为 "C:\Program Files\nodejs\" , 你可以修改目录，并点击 next（下一步）：

步骤 5 : 点击树形图标来选择你需要的安装模式 , 然后点击下一步 next（下一步）

步骤 6 :点击 Install（安装） 开始安装Node.js。你也可以点击 Back（返回）来修改先前的配置。 然后并点击 next（下一步）：

安装过程：

点击 Finish（完成）按钮退出安装向导。

检测PATH环境变量是否配置了Node.js，点击开始=》运行=》输入"cmd" => 输入命令"path"，输出如下结果：

PATH=C:\oraclexe\app\oracle\product\10.2.0\server\bin;C:\Windows\system32;
C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;
c:\python32\python;C:\MinGW\bin;C:\Program Files\GTK2-Runtime\lib;
C:\Program Files\MySQL\MySQL Server 5.5\bin;C:\Program Files\nodejs\;
C:\Users\rg\AppData\Roaming\npm

我们可以看到环境变量中已经包含了C:\Program Files\nodejs\

检查Node.js版本