配置vue开发环境

在安装vue脚手架之前，一定要确定自己已经安装好的node环境

使用 node -v 查看自己是否安装了node环境

在安装好node环境之后，

Vue 脚手架用于快速生成 Vue 项目基础架构，其官网地址为：https://cli.vuejs.org/zh/

运行  npm install -g @vue/cli  或者

&&&   yarn global add @vue/cli

安装3.x版本的vue脚手架，两者选一个

安装完成之后，查看是否安装完成

vue –version 或 vue – V

成功可以使用vue脚手架创建新项目了

使用脚手架创建vue新项目的三种方式：

// 1. 基于 交互式命令行 的方式，创建 新版 vue 项目
  vue create my-project

  // 2. 基于 图形化界面 的方式，创建 新版 vue 项目
  vue ui

  // 3. 基于 2.x 的旧模板，创建 旧版 vue 项目
  npm install -g @vue/cli-init
  vue init webpack my-project

Vue 脚手架生成的项目结构分析

• public目录放置ico以及你的index.html。静态资源文件
• src这个目录不得了了，这个是我们开发vue项目的重点目录所在。
• 2.components目录：放置公用vue组件页面