Vue环境准备——nodejs, npm

首先需要明确下面这3个东西是用来干什么的：

• npm : Nodejs下的包管理器
• webpack : 它主要的用途就是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包
• vue-cli : 用户生成Vue工程模板
  
  

nodejs下载及安装

首先到官网进行下载。

下载完成之后双击进行安装：





检查是否安装成功：

配置

npm的本地仓库默认会在C盘，因此我们需要更改一下配置。
在nodejs的安装目录下新建两个文件夹：

然后执行以下两条指令：

npm config set prefix "D:\softwares\Study\NodeJS\node_global"
npm config set cache "D:\softwares\Study\NodeJS\node_cache"

为了提升下载速度，可以配置一个镜像站：

npm config set registry=http://registry.npm.taobao.org    #配置镜像站
npm config get registry     #检查一下有没有配置好

打开C:\Users\Administrator下面的 .npmrc 文件，可以看到我们刚刚的配置信息：

注意：默认的模块D:\softwares\Study\NodeJS\node_modules路径会改为D:\softwares\Study\NodeJS\node_global\node_modules，因此我们需要配置一下环境变量：