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

 

相关内容

热门资讯

监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播,要解决的几个问题是:1&...
Windows10添加群晖磁盘... 在使用群晖NAS时,我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。 通过...
protocol buffer... 目录 目录 什么是protocol buffer 1.protobuf 1.1安装  1.2使用...
Fluent中创建监测点 1 概述某些仿真问题,需要创建监测点,用于获取空间定点的数据࿰...
educoder数据结构与算法...                                                   ...
MySQL下载和安装(Wind... 前言:刚换了一台电脑,里面所有东西都需要重新配置,习惯了所...
MFC文件操作  MFC提供了一个文件操作的基类CFile,这个类提供了一个没有缓存的二进制格式的磁盘...
在Word、WPS中插入AxM... 引言 我最近需要写一些文章,在排版时发现AxMath插入的公式竟然会导致行间距异常&#...
有效的括号 一、题目 给定一个只包括 '(',')','{','}'...
【Ctfer训练计划】——(三... 作者名:Demo不是emo  主页面链接:主页传送门 创作初心ÿ...