Vue45-分析脚手架结构

一、脚手架项目结构一览 

二、src、public文件夹外的文件

2-1、babel.config.js文件

详细的配置规格:babel官网。

 

2-2、package.json包的说明书

build命令:代码写完了,最后使用build命名构建整个工程,将其变成浏览器能够运行的项目。

最后的一次编译。

lint命令:语法检查(几乎不用!) 

2-3、package-lock.json包版本控制文件

三、src文件夹

3-1、main.js文件

当执行完npm run serve之后,立马执行main.js文件

该文件是整个项目的入口文件

第三方库:

.$mount('#app') 相当于:

3-2、App.vue文件

3-3、 src文件夹下的assets文件夹

3-4、src文件夹下的components文件夹 

注意:App.vue文件不放在此处!

3-5、替换App.vue文件

 将两个组件:School.vue和Student.vue放到components里面。

四、public文件夹

4-1、favicon.ico文件

 

4-2、el:'#app'容器对应的页面:index.html 

 

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-06-15 19:28:05       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-15 19:28:05       100 阅读
  3. 在Django里面运行非项目文件

    2024-06-15 19:28:05       82 阅读
  4. Python语言-面向对象

    2024-06-15 19:28:05       91 阅读

热门阅读

  1. 利用STM32F103驱动舵机的指南(使用HAL库)

    2024-06-15 19:28:05       29 阅读
  2. web前端defer:深度解析与实用指南

    2024-06-15 19:28:05       28 阅读
  3. c语言如何进行文件错误检查

    2024-06-15 19:28:05       28 阅读
  4. C语言从头学18——类型的自动转换

    2024-06-15 19:28:05       29 阅读
  5. OpenCV之cv::Scalar

    2024-06-15 19:28:05       31 阅读
  6. python显示神经网络训练时的1batch数据

    2024-06-15 19:28:05       29 阅读
  7. 运维监控系统

    2024-06-15 19:28:05       33 阅读
  8. ArrayList<Integer>()转为int[]的几种方式

    2024-06-15 19:28:05       43 阅读
  9. c++_0基础_讲解5 判断语句

    2024-06-15 19:28:05       34 阅读