前端学习九（vue-cli）

一、定义

vue-cli是一个基于vue.js进行快速开发的完整系统
1、通过@vue/cli 实现的交互式的项目脚手架
2、丰富的官方插件集合
3、一套完全图形化的创建和管理vue.js项目的用户界面

二、环境准备

前提，有安装过nodejs
1、安装vue 　　  https://cn.vuejs.org/v2/guide/installation.html

npm install vue

2、安装vue-cli     https://cli.vuejs.org/zh/guide/installation.html

npm install -g @vue/cli

3、创建项目 　　https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create
可以通过 命令以图形化界面创建和管理项目

vue ui

视频课程配置是：手动--勾选Router，不勾选Linter/Formatter，其他默认--默认创建--不保存预设
4、可以在界面启动、编译、安装插件（element等）和依赖（axios等）

三、生成的项目目录说明

1、node_modules
存放的项目依赖
2、public 公共文件
项目所有内容都会渲染到index.html
3、src
　　(1)、assets　　　　　　 静态文件，图片视频等
　　(2)、components 　　　 组件
　　(3)、router 　　　　　　 路由配置
　　(4)、views 　　　　　　 视图组件（这个是之前学习的定义路由组件）
　　(5)、plugins 　　　　　   存放安装的插件位置（安装了插件采用这个文件夹生成）
　　(6)、package.json 　　    项目依赖版本信息（项目打包命令等）
　　(7)、README.md 　　    默认有安装依赖包、启动项目、编译项目等信息