Vue-cli

vue-cli是Vue.js开发的标准工具。它简化了程序员基于webpack创建工程化的Vue项目的过程。

单页面应用

单页面应用程序（SinglePageApplication, SPA)，指的是一个web网站中只有唯一一个HTML页面。

所有的功能与交互都在这唯一的一个页面内完成。

安装和使用

vue-cli是npm上的一个全局包，使用npm install命令，即可方便的把它安装到自己电脑上：

1
npm install -g @vue/cli

基于vue-cli快速生成工程化的Vue项目：

1
vue create [项目的名称]

vue项目的运行流程

在工程化的项目将中，vue要做的事情很单纯：通过main.js把App.vue渲染到index.html指定区域中。

其中：

  • App.vue用来编写待渲染的模板结构
  • index.html中需要预留一个el区域
  • main.js把App.vue渲染到了index.html所预留的区域中