【Vue CLI脚手架开发】——1.Vue脚手架的安装与使用

默认项目基于vue2进行开发，后续vue3会单独进行讲解

---

前言

tips:基于node.js和npm环境默认已安装

Vue脚手架是Vue官方提供的标准化开发工具（开发平台）。Vue脚手架通过命令行界面(CLI)提供服务，使得创建、配置和编译Vue项目变得简单快捷，使用Vue脚手架，你可以通过全局安装vue-cli，然后使用命令行工具来初始化一个新的Vue项目，选择适合的项目模板，并自动生成项目结构和必要的配置文件。这样，开发者可以专注于业务逻辑的实现，而不必花费大量时间在项目搭建和配置上。

---

一、创建项目

第一步（仅第一次执行）：全局安装@vue/cli。

npm install -g @vue/cli

第二步：切换到你要创建项目的目录，然后使用命令创建项目

vue create your-project

vue版本选择

项目创建中…

进入项目目录

第三步：启动项目

npm run serve

二、模板项目的结构

三、运行项目

执行npm run serve 后

点击网址跳转观看vue项目展示页面，创建Vue项目过程中Vue默认创建HelloWorld.vue组件。

---