vue router 关闭当前页_Vue-cli（标准前端化工程）快速入门

在学习Vue-cli之前，我们已经学习了前端体系、前后端分离的演变、Vue入门、Vue的基本语法、Vue组件、Vue路由、Axios等内容。如果你还没学习，可以阅读我之前的文章《快速了解前端体系》《前后端分离的演变史，了解一下》、《Vue快速入门》等进行快速学习。

接下来我们就来学习标准前端化工程Vue-cli。

Vue-cli

什么是Vue-cli？

Vue-cli是官方提供的一个脚手架工具，我们可以利用它快速生成前端化的工程模板，十分方便好用。

其功能主要有：

• 统一的目录
• 快速调试
• 单元测试
• 在线运行
• ......

环境安装

使用npm进行全局安装，如果是首次安装可能速度会有点慢。

npm install vue-cli -g

检测我们安装的Vue应用。

vue list

第一个Vue-cli前端程序

1、新建文件夹vue-cli。

2、创建一个基于webpack模板的Vue应用程序。

vue init webpack myvue

建议初学前端化工程的朋友除了Project name、Project description、Author和Vue build，其他问题全部选择no！