vue-cli 脚手架

来源

https://www.bilibili.com/video/BV1zq4y1p7ga/?spm_id_from=333.337.search-card.all.click

1、什么是单页面应用程序

单页面应用程序 （英文名： S ingle P age A pplication ）简称 SPA，顾名思义，指的是 一个 Web 网站中只有唯一的一个 HTML 页面 ，所有的功能与交互都在这唯一的一个页面内完成。

2、什么是 vue-cli

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

引用自 vue-cli 官网上的一句话：

程序员可以 专注在撰写应用上 ，而不必 花好几天 去 纠结 webpack 配置的问题。

中文官网

3、安装和使用

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

npm install -g @vue/cli

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

vue create 项目的名称

运行： npm run serve

打包： npm run build

4、vue 项目的运行流程

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

其中：

  ① App.vue 用来编写待渲染的 模板结构

  ② index.html 中需要预留一个 el 区域

  ③ main.js 把 App.vue 渲染到了 index.html 所预留的区域中