安装 Node.js、npm 和 Vue.js 的完整教程

以下是安装 Node.js、npm 和 Vue.js 的完整教程：

---

步骤 1: 安装 Node.js 和 npm

1. 下载 Node.js

   • 打开 Node.js 官方网站.
   • 选择 LTS 版本（长期支持版本，适合生产环境）。
   • 根据你的操作系统（Windows、macOS 或 Linux）下载对应的安装包。

2. 安装 Node.js

   • 双击下载的安装包，按照提示完成安装。
   • 安装完成后，Node.js 会自动安装 npm（Node.js 包管理器）。

3. 验证安装

   • 打开终端（Windows 可以使用 cmd 或 PowerShell）。
   • 输入以下命令以验证是否安装成功：

     node -v
     

     这会显示 Node.js 的版本号。

     npm -v
     

     这会显示 npm 的版本号。

---

步骤 2: 安装 Vue CLI

1. 全局安装 Vue CLI

   • 使用 npm 安装 Vue.js 命令行工具：

     npm install -g @vue/cli
     

     如果是 macOS 或 Linux 系统，可能需要添加 sudo：

     sudo npm install -g @vue/cli
     

2. 验证安装

   • 输入以下命令检查 Vue CLI 是否安装成功：

     vue --version
     

     这会显示 Vue CLI 的版本号。

---

步骤 3: 创建一个 Vue 项目

1. 初始化 Vue 项目

   • 使用 Vue CLI 创建一个新项目：

     vue create my-vue-project
     

   • 根据提示选择预设（推荐选择默认预设）。

2. 进入项目目录

   cd my-vue-project
   

3. 启动开发服务器

   • 启动 Vue 开发服务器：

     npm run serve
     

   • 打开浏览器访问 http://localhost:8080，你会看到默认的 Vue 项目页面。

---

常见问题

1. npm 速度慢？

   • 使用国内镜像源，比如安装 cnpm：

     npm install -g cnpm --registry=https://registry.npmmirror.com
     

   • 然后用 cnpm 替代 npm。

2. 安装失败或权限不足？

   • 使用 sudo 或确保 npm 配置正确：

     sudo npm install -g @vue/cli
     

---

通过上述步骤，你就可以成功安装 Node.js、npm 和 Vue.js

原文地址：https://blog.csdn.net/r081r096/article/details/144822356

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！