Vue脚手架环境搭建

一、环境安装

1、安装vue

 npm install vue

2、安装Webpack

 npm install webpack -g

关于Webpack：是一个开源的前端打包工具。Webpack 提供了前端开发缺乏的模块化开发方式，将各种静态资源视为模块，并从它生成优化过的代码。要使用Webpack 前须先安装Node.js。webpack 的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用。

3、安装Vue脚手架

npm  i  -g  @vue/cli-init

4、vue-cli2.x和vue-cli3.x创建项目的区别

(1)vue-cli2.x创建项目

vue init webpack 项目名称

(2)vue-cli3.x创建项目

vue create 项目名称

二、项目实例

1、Header组件部分

2、Footer组件部分

3、Users组件部分

4、App.vue组件部分