1. **安装Node.js**
- Vue - cli是基于Node.js的工具，所以首先需要安装Node.js。可以从Node.js官方网站（https://nodejs.org/）下载适合你操作系统的安装包进行安装。安装完成后，可以在命令行中通过输入`node -v`来检查Node.js的版本，确保安装成功。
2. **安装Vue - cli**
- 打开命令行工具（在Windows上是命令提示符或PowerShell，在Mac和Linux上是终端）。
- 全局安装Vue - cli。在命令行中输入`npm install -g @vue/cli`（如果使用yarn，可以输入`yarn global add @vue/cli`）。安装过程可能需要一些时间，它会从网络下载Vue - cli相关的文件并安装到系统目录中。安装完成后，可以通过输入`vue - -version`（注意是两个连字符）来检查Vue - cli的版本，以确认安装成功。
3. **创建Vue项目**
- 选择一个合适的目录，在命令行中进入该目录。例如，如果你想在`Documents`文件夹下创建项目，可以在命令行中输入`cd Documents`（如果是在Windows系统下，路径可能需要根据实际情况调整，如`cd C:\Users\YourName\Documents`）。
- 使用Vue - cli创建项目。在命令行中输入`vue create project - name`（这里`project - name`是你自己定义的项目名称，例如`my - vue - project`）。
- 接下来会出现一些选项，例如：
- **Default (babel, eslint)**: 这是默认选项，会创建一个带有Babel（用于将ES6 +语法转换为浏览器能识别的语法）和Eslint（用于代码规范检查）的项目。
- **Manually select features**: 手动选择项目的功能配置。如果你选择这个选项，会出现一个列表，你可以选择添加Type - Script支持、Router（用于页面路由）、Vuex（用于状态管理）等功能。
- 选择好选项后，等待项目创建完成。创建过程中会自动下载和安装项目所需的各种依赖包，这些依赖包的信息会被记录在`package.json`文件中。
4. **项目结构介绍**
- **node_modules**: 这个文件夹包含了项目所依赖的所有外部模块，这些模块是通过`npm`或`yarn`安装的，例如Vue.js本身、各种插件等。这个文件夹通常不需要手动修改，当你添加或删除依赖时，`npm`或`yarn`会自动更新这个文件夹。
- **public**: 这个文件夹包含了一些公共资源，如`index.html`，这是项目的入口HTML文件，是整个应用在浏览器中运行的基础。还有`favicon.ico`等其他公共文件。
- **src**: 这是项目的主要源代码文件夹。
- **assets**: 用于存放项目的静态资源，如图像、字体等。
- **components**: 用于存放Vue组件，组件是Vue应用的基本构建块，可以在这里创建和管理各种组件。
- **views**: 如果项目使用了路由，这个文件夹通常用于存放页面级别的组件，即视图组件。
- **App.vue**: 这是项目的根组件，整个项目的其他组件通常都是在这个组件的基础上构建和组织的。
- **main.js**: 这是项目的入口JavaScript文件，它主要用于创建Vue应用实例，挂载应用到`index.html`中的DOM元素上，并引入其他必要的插件和配置。
5. **运行项目**
- 在项目目录下，打开命令行，输入`npm run serve`（如果使用yarn，输入`yarn serve`）。这会启动一个本地开发服务器，通常会在`http://localhost:8080/`（具体端口可能因项目配置而异）打开项目的开发版本。你可以在浏览器中访问这个地址来查看和测试项目。在开发过程中，每次修改代码后，开发服务器会自动重新加载页面，让你能及时看到代码修改后的效果。