05-vue3脚手架安装与目录文件介绍

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	组件销毁之后调用