vue创建脚手架项目&启动

**Vue 创建脚手架项目 & 启动**

在本文中，我们将一步步地讲解如何使用 Vue CLI（Command Line Interface）创建一个新的 Vue项目，并且配置好环境，最后启动项目。

### 安装 Vue CLI首先，我们需要安装 Vue CLI。我们可以通过以下命令来安装：

bashnpm install -g @vue/cli

或者，如果你已经安装了 npm 的高版本，可以使用以下命令：

bashnpx vue-cli --help

如果你还没有安装 npx，需要先安装一下：

bashnpm install -g npx

### 创建新项目接下来，我们可以通过以下命令来创建一个新的 Vue项目：

bashvue create my-project

这里的 `my-project` 是我们要创建的项目名称。

**选择 Vue 版本**

在这个过程中，Vue CLI 会提示你选择 Vue 的版本。我们可以选择使用最新的稳定版（即 `3.x`）或者是 beta 版本。

bash? Please pick a preset: (Use arrow keys)
 Default (Vue2) > Default (Vue3) / Manually select features

这里，我们选择了 `Default (Vue3)`。

**配置项目**

接下来，Vue CLI 会提示你配置一些基本的信息，如项目名称、作者等：

bash? Please pick a preset: Default (Vue3)
? Pick the CSS pre-processor (Use arrow keys): Sass/SCSS (+dollar signs) > Less > Stylus > PostCSS > None

这里，我们选择了 `Sass/SCSS (+dollar signs)`。

**安装依赖**

接下来，Vue CLI 会自动安装我们选择的依赖：

bashnpm install

### 启动项目最后，我们可以通过以下命令来启动我们的 Vue项目：

bashnpm run serve

或者，如果你使用的是 yarn，可以使用以下命令：

bashyarn serve

这会自动打开浏览器，显示我们刚刚创建的 Vue项目。

### 总结在本文中，我们一步步地讲解了如何使用 Vue CLI 创建一个新的 Vue项目，并且配置好环境，最后启动项目。希望通过阅读本文，你可以轻松地创建并启动你的第一个 Vue项目！