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,如下所示:

install-node-msi-version-on-windows-step1

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

install-node-msi-version-on-windows-step2

步骤 3 : 勾选接受协议选项,点击 next(下一步) 按钮 :

install-node-msi-version-on-windows-step3

步骤 4 : Node.js默认安装目录为 "C:Program Files odejs" , 你可以修改目录,并点击 next(下一步):

install-node-msi-version-on-windows-step4

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

install-node-msi-version-on-windows-step5

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

install-node-msi-version-on-windows-step6

安装过程:

install-node-msi-version-on-windows-step7

点击 Finish(完成)按钮退出安装向导。

install-node-msi-version-on-windows-step8

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

PATH=C:oraclexeapporacleproduct10.2.0serverin;C:Windowssystem32;
C:Windows;C:WindowsSystem32Wbem;C:WindowsSystem32WindowsPowerShellv1.0;
c:python32python;C:MinGWin;C:Program FilesGTK2-Runtimelib;
C:Program FilesMySQLMySQL Server 5.5in;C:Program Files
odejs;
C:Users
gAppDataRoaming
pm

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

检查Node.js版本

node-version-test

原文地址:https://www.cnblogs.com/qdwz/p/10820554.html