VUE学习笔记2

一、安装vue脚手架的常用插件
axios：前后端联调插件
mockjs：模拟后端插件
element-ui：组件库，统一风格的按钮、弹框等
vuex：状态管理工具，可理解为管理全局变量

通常来说整体安装更便捷，方法是提前配置package.json文件，如下：
并执行命令：
cnpm install（将NPM替换为CNPM，利用镜像提升插件下载速度，请参考https://blog.csdn.net/pharos/article/details/104111082）
执行后截图如下：
当然，也可以尝试单体安装，例如：
cnpm install element-ui --save-dev
执行后截图如下：

二、配置全局变量vue.config.js
配置文件的说明链接可参考https://cli.vuejs.org/zh/config/#publicpath。
实际工程配置时主要关注发布路径、静态文件保存路径设置、后端联调相应配置，截图如下：

三、vue项目打包前后项目结构对比
主要关注静态资源“assets”、组件库“components”，以及以后与后端联调的“api”，实现页面跳转的“router”、实现校验归集的“validate”、业务归集页面“pages”等。包括“assets”、“components”的打包前项目目录结构如下：

打包命令：cnpm run build
执行后，生成浏览器可识别的dist目录，截图如下：

dist目录中包括如下文件：