Vue (八) vue-cli 脚手架

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：
通过 @vue/cli 实现的交互式的项目脚手架。
一个丰富的官方插件集合，集成了前端生态中最好的工具。
一套完全图形化的创建和管理 Vue.js 项目的用户界面。

安装vue-cli

需要node环境 下载地址

npm install -g @vue/cli

校验安装是否成功：

创建项目

通过命名行创建：

vue create project

通过vue ui 图形化界面创建，命令行执行：

vue ui

执行后会打开一个浏览器窗口，并以图形化界面引导至项目创建的流程：

创建项目流程:
1.点击项目管理器

2.输入项目路径后点击创建项目

3.输入项目名称

4.选择预设模板

5.根据自己的需求选择功能

6.创建项目


7.创建完成后回到首页，点击运行

8.通过地址访问项目

如下：

项目目录

创建后的项目目录结构如下：

node_modules：项目所有的依赖、插件放在这里
public：静态资源目录
src：

assets：存放静态文件、css文件、js文件
components：组件文件
router：路由访问规则文件
views：整个页面组件