安装Node.js和npm·说明安装成功·在项目创建过程中Vue CLI会提示你选择预设

作者：机器人技术佬 | 发布时间：2025-06-30 |

你需要下载并安装Node.js。访问Node.js官网，选择适合你操作系统的安装包进行下载。安装完成后，npm（Node Package Manager）会自动被安装。

安装完毕后，可以通过以下命令在终端或命令提示符中验证安装是否成功：

``` node -v npm -v ```

如果看到版本号，说明安装成功。

在终端或命令提示符中运行以下命令来全局安装Vue CLI：

``` npm install -g @vue/cli ```

安装完成后，可以通过以下命令验证Vue CLI是否安装成功：

``` vue --version ```

在终端中，导航到你希望创建项目的目录，然后运行以下命令：

``` vue create 项目名称 ```

这里，“项目名称”是你想要给项目起的名字，你可以根据自己的需求进行更改。

在项目创建过程中，Vue CLI会提示你选择预设。你可以选择默认预设，也可以手动选择所需的功能，如Vue Router、Vuex、ESLint等。

项目创建完成后，你会在项目目录中看到以下结构：

``` src/ assets/ components/ views/ App.vue main.js ```

以下是一些关键配置文件：

根据项目需求，你可能需要安装额外的依赖。例如，安装Vue Router：

``` npm install vue-router ```

在项目根目录运行以下命令来启动开发服务器：

``` npm run serve ```

这将启动开发服务器，并在浏览器中打开本地服务器地址（通常是）。

使用浏览器开发者工具进行调试，可以查看控制台日志、断点调试代码、查看网络请求等。

当项目开发完成后，可以使用以下命令进行打包构建：

``` npm run build ```

构建输出的文件位于 dist/ 目录，可用于部署到生产环境。

配置Vue脚手架的步骤包括安装Node.js和npm、安装Vue CLI、创建Vue项目、配置项目以及运行和调试项目。通过这些步骤，你可以快速搭建一个Vue项目，并根据需要进行配置和扩展。

配置Vue脚手架的步骤如下：

配置Vue脚手架的代理步骤如下：

配置Vue脚手架的环境变量步骤如下：