Advertisement

Node.js | 安装Node.js及配置npm模块路径，并安装Vue CLI

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型：None

简介：
本教程详细介绍了如何在计算机上安装Node.js及其包管理器npm，并设置npm模块路径。同时指导用户利用npm安装流行的前端开发工具Vue CLI，助力快速搭建Vue项目环境。 在安装完Node.js后，默认情况下npm会将全局模块下载并安装到`C:\Users\username\AppData\Roaming\npm`目录下，这并不是一个理想的默认设置。 一、配置npm模块插件的安装路径 不推荐将Node.js安装在C盘。这里我们选择D盘进行LTS版本的Node.js安装，并且其安装路径会被自动添加到PATH环境变量中；本段落中的安装路径为：`D:\Program Files\nodejs` 1. 在Node.js的安装目录下创建一个名为node_cache的文件夹。 2. 注意，在设置完npm插件的安装路径后，npm会在你指定的位置自动创建一个名为node_modules的文件夹。

全部评论 (0)

还没有任何评论哟~
客服
客服
客服关闭
  • Node.js | 安装Node.js及配置npm模块路径，并安装Vue CLI
    优质
    本教程详细介绍了如何在计算机上安装Node.js及其包管理器npm，并设置npm模块路径。同时指导用户利用npm安装流行的前端开发工具Vue CLI，助力快速搭建Vue项目环境。 在安装完Node.js后，默认情况下npm会将全局模块下载并安装到`C:\Users\username\AppData\Roaming\npm`目录下，这并不是一个理想的默认设置。 一、配置npm模块插件的安装路径 不推荐将Node.js安装在C盘。这里我们选择D盘进行LTS版本的Node.js安装，并且其安装路径会被自动添加到PATH环境变量中；本段落中的安装路径为：`D:\Program Files\nodejs` 1. 在Node.js的安装目录下创建一个名为node_cache的文件夹。 2. 注意，在设置完npm插件的安装路径后，npm会在你指定的位置自动创建一个名为node_modules的文件夹。
     
  • Node.js与NPM安装包.rar
    优质
    本资源为《Node.js与NPM安装包》压缩文件，包含Node.js可执行程序及npm命令行工具，适用于开发者快速搭建JavaScript服务器端开发环境。 Node.js 和 npm 的安装步骤包括了如何安装相关的包。
     
  • Mac上下载与安装Node.js及npm
    优质
    本文详细介绍在Mac操作系统中如何下载和安装Node.js及其包管理器npm，帮助开发者快速搭建开发环境。 如果需要下载 Node.js 的历史版本，请手动查找对应版本的安装包进行下载，并按照提示完成安装。以 node-v12.14.1.pkg 为例，在最后一步确保 /usr/local/bin 这个路径存在于环境变量 PATH 中。 打开终端，输入 `echo $PATH` 并回车，会显示所有已添加到 PATH 中的路径，不同路径之间以冒号分隔。这样就可以确定是否已经包含了第一步中提到的路径。如果未包含，请自行查找如何将新路径加入 PATH 的方法。 （1）`echo` 是用于在控制台显示信息的命令。 （2）$ 在这里表示变量引用符号。
     
  • 在CentOS 7.2 Linux系统中安装Node.js和NPM并设置全局路径的指南
    优质
    本指南详细介绍了如何在CentOS 7.2 Linux操作系统上安装Node.js及NPM，并提供了设置全局环境变量的方法，帮助开发者轻松配置开发环境。 今天为大家分享一篇在Linux Centos7.2系统下安装Node.js及配置全局路径的教程，具有很好的参考价值，希望能够帮助到大家。一起跟随下面的内容详细了解吧。
     
  • 配置Node.js并建立Vue项目的安装指南.pdf
    优质
    本手册提供了详细的步骤和指导，帮助开发者在计算机上配置Node.js环境，并使用该环境来创建一个新的Vue.js项目。适合前端开发入门者阅读。 安装Node.js，并进行npm的简单配置，包括设置全局目录，在无需更换为cnpm命令的情况下更改镜像源。最后简要介绍如何使用Vue创建项目。
     
  • Node.js安装与环境配置
    优质
    简介：本教程详细讲解了如何在计算机上安装和配置Node.js环境，帮助开发者快速入门并开始使用Node.js进行项目开发。 Node.js安装及环境配置指南 1. 下载并安装 Node.js：访问官网下载页面获取最新版本的Node.js安装包，并按照提示完成安装。 2. 验证安装结果：在命令行中输入`node -v` 和 `npm -v`，确认已成功安装Node.js及其默认包管理器 npm。 3. 安装常用开发工具和框架（可选）：使用npm根据项目需求来全局或局部地安装一些常用的库或者模块，例如express、webpack等。 4. 配置环境变量： - 将 Node.js 的路径添加到系统 PATH 变量中。 - 设置 npm 缓存目录以便加快下载速度（如`npm config set cache path/to/npm-cache`）。 5. 创建项目文件夹：使用命令行工具创建一个新目录作为项目的根目录，并进入该目录进行后续操作。 6. 初始化项目配置： - 在项目中运行 `npm init`，根据提示信息填写 package.json 文件内容。 - 安装必要的依赖包（如express）并保存到package.json文件中的dependencies字段内。 7. 开始编码：使用任意代码编辑器打开新建的项目目录，并开始编写Node.js应用程序。
     
  • 通过npm安装最新版Node.js
    优质
    介绍如何使用npm（Node包管理器）来安装和更新到最新的稳定版本或预发行版本的Node.js，简化开发环境配置。 使用npm安装最新版本Node.js Node.js是一个基于Chrome V8引擎的JavaScript运行环境，而npm是其配套的包管理器。下面介绍如何通过npm来获取最新的Node.js。 直接用npm安装： `sudo npm install nodejs@latest` 对于想要更灵活地处理不同版本Node.js的需求，可以使用n模块进行版本管理。首先需要全局安装该工具： `sudo npm install -g n` 然后利用它来安装最新版的Node.js: `sudo n latest` 或选择稳定版： `sudo n stable` 或者特定长期支持（LTS）版本: `sudo n lts` 检查已装Node.js及npm版本信息，只需执行以下命令： `node -v` 和 `npm -v` 关于npm的使用，它主要用于安装、更新与卸载插件。例如： - 安装插件： `npm install ` 或全局安装 `-g` - 卸载插件： `npm uninstall ` - 更新指定插件版本: `npm update ` 同时推荐使用cnpm作为加速器来提高下载速度。 在Node.js项目中，`package.json`文件是必备的配置文件。它位于项目的根目录下，并包含如下的基本信息和依赖项： ```json { name: test, version: 1.0.0, description: project description!, ... } ``` 通过以上步骤，使用npm安装最新版本Node.js变得简单快捷。除了直接获取更新之外，还可以利用n工具进行多版本管理，并且可以通过cnpm来提升下载效率。
     
  • 在Windows 10上安装Node.js和NPM
    优质
    本教程详细介绍如何在Windows 10操作系统中成功安装Node.js及其包管理器NPM，适合初学者学习。 ### Win10环境下Node.js与npm的安装及配置详解 #### 一、概述 本段落将详细介绍如何在Windows 10操作系统上安装Node.js及其包管理器npm，并对安装过程中的关键步骤进行深入解析，帮助读者顺利完成环境搭建。 #### 二、安装Node.js稳定版本 1. **下载安装程序**： - 访问官方网站获取最新LTS(Long Term Support)版本的Node.js。 - LTS表示长期支持版本，适合生产环境使用。 2. **安装Node.js**： - 双击下载好的安装文件，按照向导提示完成安装过程。建议不要更改默认安装路径。 3. **验证安装**： - 打开命令提示符(cmd)，分别输入 `node -v` 和 `npm -v` 来查看Node.js和npm的版本号，确认是否安装成功。 #### 三、自定义安装目录及环境变量配置 1. **创建自定义目录**： - 在D盘根目录下创建文件夹 `Program Filesnodejs`。 - 在此文件夹内新建两个子文件夹：`node-cache` 和 `node-global`。 2. **配置环境变量**： - 在系统变量 `PATH` 中添加以下两个路径： - `D:Program Filesnodejs` - `D:Program Filesnodejsnode-global` 3. **配置npm缓存路径和全局安装路径**： - 打开命令提示符，切换到 `D:Program Filesnodejs` 目录。 - 分别执行以下命令来配置npm的缓存路径和全局安装路径： ```bash npm config set cache D:Program Filesnodejsnode-cache npm config set prefix D:Program Filesnodejsnode-global ``` 4. **验证配置**： - 重新启动命令提示符，再次输入 `npm -v` 和 `node -v` 确认配置无误。 #### 四、设置国内镜像源 由于国外服务器访问速度较慢，可以将npm源更改为国内镜像源以提高下载速度。 1. **安装cnpm**： - 使用以下命令安装cnpm，该工具将npm的源指向了淘宝的npm镜像。 ```bash npm install -g cnpm --registry=https:registry.npm.taobao.org ``` 2. **升级cnpm**： - 如果需要更新cnmp，可以使用以下命令： ```bash npm install cnpm -g ``` #### 五、安装Vue CLI Vue CLI是Vue.js提供的官方命令行工具，用于快速搭建项目框架。 1. **安装Vue CLI**： - 使用cnpm全局安装Vue CLI。 ```bash cnpm install --global vue-cli ``` 2. **创建Vue项目**： - 在命令行中执行以下命令创建一个新的Vue项目。 ```bash vue init webpack myproject ``` - 此命令会在当前目录下创建名为 `myproject` 的项目文件夹。 3. **项目初始化**： - 进入项目目录，并安装依赖。 ```bash cd myproject cnpm install ``` 4. **运行项目**： - 执行以下命令来启动开发服务器。 ```bash cnpm run dev ``` 5. **构建项目**： - 使用以下命令进行打包操作。 ```bash cnpm run build ``` - 打包后的文件将存储在 `dist` 文件夹中。 #### 六、配置ESLint 1. **关闭ESLint**： - 如果不想使用ESLint，可以通过修改 `buildwebpack.base.conf.js` 文件中的配置来禁用它。 - 将相关ESLint配置项注释掉或删除。 #### 七、解决cnpm在PowerShell下无法执行的问题 1. **解决方案**： - 以管理员身份运行PowerShell。 - 输入 `Set-ExecutionPolicy RemoteSigned`，然后按提示操作。 - 如果以上步骤无效，可以尝试以下命令： ```powershell Set-ExecutionPolicy -Scope CurrentUser ``` - 按照提示完成设置。 通过以上步骤，您可以在Windows 10环境中成功安装和配置Node.js、npm以及Vue CLI等开发工具，为前端开发提供良好的基础环境。
     
  • Node.js安装与环境配置.md
    优质
    本文详细介绍了如何在计算机上安装和配置Node.js环境，包括下载、安装步骤以及验证安装是否成功的方法。适合初学者参考学习。 安装和配置 Node.js 环境相对简单，在 Windows 和 Linux 系统上的安装步骤如下： ### 在 Windows 上安装 Node.js： 1. 打开浏览器，访问 Node.js 官网的下载页面。 2. 选择你需要的 LTS 版本或最新版本（建议选择 LTS 版本，因为它更稳定）的 Windows 安装程序（通常是 .msi 文件）。 3. 双击运行下载的 Node.js 安装程序。 4. 在安装向导中，根据需要选择安装路径和其他选项。 5. 点击 Next 按钮继续安装过程。 6. 安装完成后，在开始菜单或桌面上可以找到 Node.js 和 npm 的快捷方式。 7. 打开命令提示符（Win+R 输入 cmd），输入 `node -v` 和 `npm -v` 来验证 Node.js 和 npm 是否成功安装。 ### 在 Linux 上安装 Node.js： 1. 打开终端，执行以下命令来安装 Node.js： - 对于 Debian 或 Ubuntu 系统，请使用相应的命令进行安装。
     
  • Node.js安装与环境配置.pdf
    优质
    本PDF文档详细介绍了如何在计算机上安装和配置Node.js环境，包括下载、安装步骤以及常见问题解决方法。适合初学者参考学习。 ### Node.js 安装及环境配置详解 #### 一、概述 Node.js 是一个开源的JavaScript运行环境，能够在服务器端执行JavaScript代码。由于其非阻塞IO模型和事件驱动架构，Node.js非常适合构建高性能、高并发的应用程序。本段落档将详细介绍如何在不同操作系统上安装Node.js，并进行必要的环境配置。 #### 二、安装步骤 ##### 2.1 下载与安装 - 访问Node.js官网。 - 根据具体的系统选择适合的安装包： - **Windows**：下载适用于Windows系统的安装包。 - **macOS**：下载适用于macOS系统的安装包。 - **Linux**：根据具体的Linux发行版，选择合适的安装包。 #### 三、验证安装 在命令行工具中输入 `node -v` 命令。如果显示出Node.js的版本号，则表示安装成功。 #### 四、创建文件夹 - 进入Node.js安装目录，并创建以下两个文件夹： - `node_global`：用于存放全局安装的Node.js包。 - `node_cache`：用于缓存npm安装过程中的临时文件。 #### 五、配置环境变量 ##### Windows系统 打开“控制面板”> “系统和安全” > “系统” > “高级系统设置”，点击“环境变量”按钮，在“系统变量”中找到并双击编辑Path。添加Node.js的安装路径（例如：`C:\Program Files\nodejs`）。 ##### macOS/Linux - **macOS** 或 **Linux**： - 编辑 `~/.bash_profile` 或 `~/.zshrc` 文件，添加以下内容： ```bash export PATH=$PATH:/usr/local/bin/node export PATH=$PATH:/usr/local/binnpm ``` 运行命令 `source ~/.bash_profile` 或 `source ~/.zshrc` 使修改生效。 #### 六、配置npm - 使用以下命令指定全局安装目录和缓存目录： ```bash npm config set prefix 路径/你的/node_global 文件夹路径 npm config set cache 路径/你的/node_cache 文件夹路径 ``` #### 七、安装全局包 使用 `-g` 参数来全局安装Node.js包。例如，要全局安装Express框架： ```bash npm install -g express ``` #### 八、国内镜像配置 由于国外的npm服务器可能访问速度较慢，推荐使用国内镜像服务。 - **淘宝npm镜像**：可以通过以下命令设置： ```bash npm install -g cnpm --registry=https://registry.npm.taobao.org ``` #### 九、Linux安装步骤 - 下载Node.js安装包，并根据具体的操作系统进行安装。对于Debian或Ubuntu，可以使用如下命令完成安装。 ```bash sudo apt-get update && sudo apt-get install nodejs ``` 对于Red Hat系的发行版： ```bash sudo yum install nodejs ``` #### 十、验证安装成功与否 在终端输入 `node -v` 命令。如果显示版本号，则表示Node.js已正确安装。 #### 十一、配置npm使用国内镜像源（可选） - 配置淘宝npm镜像： ```bash npm config set registry https://registry.npm.taobao.org ``` #### 十二、Linux系统环境变量配置 编辑 `~/.bashrc` 、 `~/.bash_profile` 或 `~/.zshrc` 文件，添加以下内容： ```bash export PATH=$PATH:/usr/bin/:/usr/local/bin/ ``` 然后运行命令使修改生效： ```bash source ~/.bashrc 或者 source ~/.bash_profile或者source ~/.zshrc ``` #### 十三、全局安装Node.js包 有时需要通过 `-g` 参数来全局安装Node.js包，例如Express框架： ```bash npm install -g express ``` 以上步骤完成后，您已经成功在不同的操作系统上完成了Node.js的安装和环境配置。 #### 总结 正确地完成上述步骤后，你已具备了开发基于 Node.js 应用程序的基础。这不仅有助于确保开发过程顺利进行，还能提高开发效率。希望本指南能帮助你在开发旅程中更进一步。