安装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
    

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐