Node.js 及 Vue-cli 安装

1. 安装 Node.js

1.1 下载安装

• 下载地址

• 直接安装便可

• 打开 cmd：

  • 输入 node -v， 出现 nodejs 的版本说明安装成功。
  • 输入 npm -v, 出现 npm 的版本说明npm 也安装成功。

• 安装后目录

  

1.2 环境配置

• 说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之因此要配置，是由于之后在执行相似：npm install express [-g] （后面的可选参数-g，g表明global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。

• 例如：我但愿将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹 F:\develop\nodejs 下建立两个文件夹 node_global 及 node_cache

• 建立完两个空文件夹以后，打开cmd命令窗口，输入

  npm config set prefix "F:\develop\nodejs\node_global"
  npm config set cache "F:\develop\nodejs\node_cache"
  复制代码

  如图所示：

  

• 设置环境变量

  • 新建 NODE_PATH

    F:\develop\nodejs\node_global\node_modules
    复制代码

    

  • 修改 path

    F:\develop\nodejs\node_global
    复制代码

1.3 测试环境变量是否修改为功

• 安装 express 模块

  npm install express -g     # -g是全局安装的意思
  复制代码

  如图所示，安装到咱们配置的目录下了。

  

2. 安装 Vue-cli

安装好了 node，咱们能够直接全局安装 vue-cli：

npm install -g vue-cli
复制代码

可是这种安装方式比较慢，推荐使用国内镜像来安装，因此咱们先设置 cnpm

2.1 安装 cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org
复制代码

输入 cnpm -v 出现版本说明安装成功

2.2 安装 Vue-cli

• cmd 中输入

  cnpm install -g vue-cli
  复制代码

• 输入 vue -V ，若出现vue版本信息说明表示成功

• 建立项目

  vue init webpack vue_test复制代码