安装Node.js

下载Node.js

1、首先我们去，如下网址，下载node.js：

https://nodejs.org/en

2、下载后，双击 后缀 .msi 进行安装，一直点击 next ,如果想要修改安装位置，在更改路径更改路径即可，不更改，点击 next 即可，直到安装完成

测试是否安装成功

3、安装后，win + R 打开命令运行框，输入 cmd ,输入如下，两个命令，检测 安装是否成功

node -v             // 显示安装的 node.js 的版本
npm -v              // 显示安装的 npm 版本

配置Node.js

4、修改全局模块下载路径

①：将全模块所在路径和缓存路径放在 node.js 安装的文件夹中，则找到你安装的 node.js 的安装位置，创建两个文件夹 “node_global” 和 “node_cache” 

5、打开 dos 界面，输入如下命令

说明：
prefix = 创建的node_global文件夹所在路径
cache = 创建node_cache文件夹所在路径

npm config set prefix "D:\dTool\nodejs\node_global"
npm config set cache "D:\dTool\nodejs\node_cache"

6、修改系统环境变量

​ ①：win + R 打开命令运行框，输入 sysdm.cpl 打开环境编辑界面

​ ②：找到用户变量，找到 Path 将其修改为 D:\dTool\nodejs\node_global，点击确定

修改后：

​ ③：在系统变量下，新建 NODE_PATH 变量值为 D:\dTool\nodejs\node_global\node_modules

​ ④：在系统变量下，找到 Path 新建 D:\dTool\nodejs\node_global， 点击确定

经过上述步骤，nodejs 下载的模块就会自动下载到我们自定义的目录中

7、接下来，我们测试下是否能下载成功，在 dos 界面输入下列命令（注意：执行此步骤，大概率会产生问题，可先执行，再通过步骤八修改错误，修改后，可能再次执行此命令会报错）

npm install express -g          // -g是全局安装的意思，不加 -g 就是默认下载到当前目录

如下图所示，可以看到，下载的 express 模块成功下载到全局的指定目录

8、若执行上述 命令出现如下图所示报错，是由于权限的原因，找到nodejs文件夹，右键找到属性，找到安全点击编辑，将所有权限打对号即可。（如果出现无法枚举容器对象错误，请看下面）

按上述8或者更改后，再次执行步骤7，出现如下错误，不要慌张，我们更换下源即可，原因是 npm 源是国外的，网速较慢产生的

9、更换 npm 源为淘宝镜像

​ ①首先查看 npm 源，如图：

npm config get registry

②更换镜像为淘宝镜像

npm config set registry https://registry.npm.taobao.org/

​ ③检测配置是否成功

npm config get registry

10、全局安装基于 淘宝源的 cnpm

说明：由于npm的服务器在海外，所以访问速度比较慢，访问不稳定 ，cnpm的服务器是由淘宝团队提供 服务器在国内cnpm是npm镜像，一般会同步更新，相差在10分钟，所以cnpm在安装一些软件时候会比较有优势。但是一般cnpm只用于安装时候，所以在项目创建与卸载等相关操作时候我们还是使用npm。

​ ①：全局安装基于淘宝源的 cnpm（注意啊，此时一定要以 管理员打开命令运行框）

npm install -g cnpm --registry=https://registry.npm.taobao.org

​ ②：下载完后，我们在本地就能看到 cnpm 模块

​ ③：执行命令查看 cnpm 是否安装成功，出现下图，即算安装成功

cnpm -v

，

权限无法修改问题

1. 出现“无法枚举容器中的对象，访问被拒绝”等错误

   

2. 第一步：鼠标选中我们 nodejs 文件夹，右键-> 属性 -> 安全 ->高级

   

3. 第二步：点击 所有者 后面的 更改 按钮，在 “选择用户或组”的窗口中点击 高级 按钮

   

4. 点击 立即查找 按钮后，双击选择 要授予文件或文件夹所有权的用户账户，之后页面会跳转回 “选择用户或组”界面，然后点击 确定 以执行授权命令

   

   

5. 接下来，在“高级安全设置”窗口里同时勾选“替换子容器和对象的所有者”和“使用可从此对象继承的权限项目替换所有子对象的权限项目”选项。之后点击【确定】按钮。完成所有步骤后，您可以更改文件或文件夹的权限，而不会出现无法枚举容器中的对象的错误。

   

安装 vue 和 webpack

1. 安装完 cnpm 后，以管理员身份打开 dos 输入如下命令

   cnpm install -g vue-cli@2.9.6
   

   

   进行测试

   vue -V      // 注意后边是 大写 V
   

   

2. 安装 webpack

   npm install webpack -g