我的第一个前端项目，vue项目从零开始创建和运行

​入门前端，从基础做起，从零开始新建项目

背景：VUE脚手架项目是一个“单页面”应用，即整个项目中只有1个网页！
在VUE脚手架项目中，主要是设计各个“视图组件”，它们都是整个网页中某个部分，通过显示不同的若干个视图组件，以达到显示不同“页面”的效果！

一、环境创建

1. 安装Node.js：

前端项目通常使用Node.js作为JavaScript的运行环境和包管理工具。node.js官方网站 下载，下载适合你操作系统的LTS版本的Node.js
安装时直接下一步下一步就行了

安装Node.js后，你可以在操作系统的命令提示符下,执行以下命令即可：node -v命令检查安装是否成功。

此安装包会自动配置环境变量，可以用npm -v检查npm命令是否可用

2. 安装VUE Cli

安装VUE Cli的命令如下：npm install -g @vue/cli

此过程将从仓库服务器中下载VUE Cli，通常耗时30秒至5分钟左右。
提示：如果安装过程中的日志提示更新npm版本，或提示某些软件版本偏旧等，只要没有出现 ERROR字样，均可无视。
注意：以上操作仍需要管理权限才可以成功执行。

安装完成后，可通过以下命令vue -V检验VUE Cli是否安装成功：

注意：以上命令中的 -V 中的 V 是大写的。

二、vue项目创建

1.选择你创建项目的位置

如：E:\html_project 输入cmd，进入该目录的操作系统命令行