Vue技术栈开发实战笔记(一)--------使用vue ui创建项目

1.使用vue ui创建、管理项目：可视化的项目管理工具。

基于vue cli3.0的项目文件目录：
pulic文件：favicon.ico是网址上方的标题的小图标。
index.html：是入口文件模板。
src：项目的主文件。
assets：是存放静态资源（如：图片，css等）的文件。
img：存放图片。
css：存放共同css样式。
js：存放第三方js文件。
iconfont：存放图标文件。
api：存放封装的axios文件，有拦截功能。
components：可复用的局部组件。
views：页面组件。
config：项目的配置文件。
index.js：config文件的入口。
directive：自定义指令。
index.js：directive文件的入口。
lib：存放工具和与业务相关的文件。
tool.js：存放与业务逻辑无关的工具，如封装的js函数，cookie函数。
util.js：存放与业务逻辑相关的，如配置的路由的变量。
router：存放路由相关的。
router.js：存放路由的配置。
index.js：存放路由的导出。
store：vuex的状态管理器。
store.js：全局状态管理。
action.js：
getter.js：
mutations.js：
index.js：
plugin：存入模块文件。
user.js：存入登录的相关状态管理。
mock：模拟后台的json数据，npm install mockjs -D。
index.js：import mock form “mockjs”。
vue.config.js：配置文件入口，包括跨域代理，项目文件的基本路径，以及路径的简写/src简写为@。