05-vue3脚手架安装与目录文件介绍
创始人
2024-06-02 21:41:35
0

1、脚手架安装

步骤①

步骤②

 步骤③

 步骤④

步骤⑤

步骤⑥

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

 2、目录文件介绍

目录名作用
node_modulesnpm 加载的项目依赖模块
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包的描述。
mainmain 字段指定了程序的主入口文件,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组件销毁之后调用

 

相关内容

热门资讯

修复 爱普生 EPSON L4... L4151 L4153 L4156 L4158 L4163 L4165 L4166 L4168 L4...
【PdgCntEditor】解... 一、问题背景 大部分的图书对应的PDF,目录中的页码并非PDF中直接索引的页码...
监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播,要解决的几个问题是:1&...
在Word、WPS中插入AxM... 引言 我最近需要写一些文章,在排版时发现AxMath插入的公式竟然会导致行间距异常&#...
protocol buffer... 目录 目录 什么是protocol buffer 1.protobuf 1.1安装  1.2使用...
【前端】‘??‘与‘||‘有什... 0 问题 经常写const data = res.data.a ?? ''或者const d...
Windows10添加群晖磁盘... 在使用群晖NAS时,我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。 通过...
牛客计算器的改良(Python... 文章目录1.题目描述2.输入描述:3.输出描述:4.示例15.分析6.代码7.结语 链接࿱...
正大杯|市调大赛|2023备赛... 关键信息 同时随着精细化养宠趋势的深入,宠物消费类目日渐丰富。 本报告通过 Niuco...
QGIS下载在线地图(Goog... 前言 国内外有很多在线地图下载软件,但功能单一,基本上只能下载数据&#x...