1、脚手架安装
步骤①

步骤②

步骤③

步骤④

步骤⑤

步骤⑥

步骤⑦(是否保存前面选的)

2、目录文件介绍
| 目录名 | 作用 |
|---|---|
| node_modules | npm 加载的项目依赖模块 |
| public | 公共资源目录 |
| src | 开发目录 |
| src/main.js | 主入口文件 |
| src/App.vue | 网站首页文件 |
| src/assete | 存放静态资源:css、js、字体、图片、资源 |
| src/components | 存放通用模块组件 |
| src/router | 存放路由设置文件 |
| src/views | |
| babel.config.js | |
| package.json | |
| package-lock.json | |
| README.md | |
| ---------------------- | ---------------------------------- |
| static | 静态资源目录,如图片、字体等 |
| dist | 打包后会生成该的目录 |
| build | 项目构建(webpack)相关代码 |
3、json包各单元名介绍
| 参数 | 描述 |
|---|---|
| name | 包名 |
| version | 包的版本号 |
| description | 包的描述。 |
| main | main 字段指定了程序的主入口文件,require('moduleName') 就会加载这个文件。这个字段的默认值是模块根目录下面的 index.js |
| keywords | 关键字 |
| author | 包的作者姓名 |
| scripts | 定义的脚本,脚本可以用 vue-cli 脚手架、webpack-cli 脚手架、或者自己写命令 |
| license | 代码的许可证,[MIT](https://opensource.org/licenses/MIT) 麻省理工许可证open in new window、[ISC](https://opensource.org/licenses/ISC) 开放源代码许可证open in new window |
| homepage | 包的官网 url |
| contributors | 包的其他贡献者姓名 |
| dependencies | 依赖包列表。运行时的依赖,发布后,即生产环境下还需要用的模块。如果依赖包没有安装,npm 会自动将依赖包安装在 node_module 目录下。 |
| devDependencies | 开发时的依赖。里面的模块是开发时用的,发布时用不到它,比如项目中使用的 gulp ,压缩 css、js 的模块 |
| repository | 包代码存放的地方的类型,可以是 git 或 svn,git 可在 Github 上 |
4、目录脑图

5、Vue生命周期

| 生命周期 | 作用 |
|---|---|
| beforeCreate | 在创建组件之前调用 |
| created | 组件创建完成调用 |
| beforeMount | 模版挂载之前调用 |
| mounted | 模版挂载完成调用 |
| beforeUpdate | 改变内容之前调用 |
| update | 改变内容之后调用 |
| beforeUnmount | 组件销毁之前调用 |
| unmounted | 组件销毁之后调用 |
下一篇:蓝桥杯三月刷题 第10天