【Vue入门学习笔记】项目的创建与基础认识

1. 安装 Node.js

Vue 项目的运行和开发依赖于 Node.js 环境，它不仅提供了 JavaScript 的运行时，还包含了包管理工具 npm（Node Package Manager），用于安装项目所需的依赖。

• 下载安装包：访问Node.js 官方网站，根据你的操作系统（Windows、Mac 或 Linux）下载对应的安装包。

• 安装过程：运行下载的安装包，按照安装向导提示进行操作，一路点击 “下一步” 即可。安装时建议勾选 “Add to PATH” 选项，方便后续在命令行中直接使用 Node.js 和 npm 命令。

• 验证安装：安装完成后，打开命令提示符（Windows）或终端（Mac/Linux），分别输入node -v和npm -v，如果显示出版本号，说明 Node.js 和 npm 安装成功。

2. 安装 Vue 脚手架（Vue CLI）

Vue CLI 是 Vue 官方提供的快速搭建 Vue 项目的工具，它可以帮助我们快速创建项目结构，并集成常用的开发工具和配置。

• 安装命令：打开命令提示符或终端，输入以下命令全局安装 Vue CLI：

npm install -g @vue/cli

这里的-g参数表示全局安装，安装完成后，在任何目录下都可以使用vue命令。

• 验证安装：输入vue --version，如果显示出版本号，说明 Vue CLI 安装成功。

3. 创建vue项目

npm init vue@latest

这一指令会安装并执行create-vue,它是Vue官方的项目脚手架工具
输入完项目名称后，连按三下回车即可完成项目创建

按照提示依次输入三行指令
使用cnpm（国内镜像）速度会更快

成功创建项目！

认识目录结构