vue脚手架构建的项目是怎么运行的

前言

我们前面说了在怎么创建并且配置nodejs以及安装脚手架功能之后,我们进一步就是对应的运行脚手架搭建的项目

脚手架项目介绍

对应的我们一般都是vscode的右下角的npm脚本去执行对应的数据文件,然后等待项目构建之后就可以打开了。

我现在习惯的是在对应的安装目录下进行对应的cmd命令来执行对应的操作

其实我们在运行的时候他调用的是App.vue的项目

主vue项目介绍

一个vue的项目就是3个大部分,分别是template根,script控制行为,style控制样式

html 复制代码
<template>
  <div class="about">
    <h1>This is an about page</h1>
  </div>
</template>

<script>

</script>

<style>
</style>

这里如大家所见的,在对应的template设置对应的调用标签标记,然后在script标签里面定义对应的路径导包

相关推荐
Allen Bright4 分钟前
【CSS-15】深入理解CSS transition-duration:掌握过渡动画的时长控制
前端·css
张鑫旭5 分钟前
40岁老前端2025年上半年都学了什么?
前端
前端wchen7 分钟前
Vue 3 组件通信实战系列(一)父子组件通信的标准姿势:Props 与 Emit(含实战与进阶技巧)
前端·vue.js
code_YuJun19 分钟前
从内存角度理解JS代码执行过程
javascript
Jerry Lau20 分钟前
go go go 出发咯 - go web开发入门系列(一) helloworld
开发语言·前端·golang
Mola21 分钟前
简说Vue中的nexttick原理😎
前端
李想AI21 分钟前
在Windows系统中使用Claude code的保姆级教程,附带白嫖100美金的Claude API
前端
G等你下课22 分钟前
React 事件机制原理
前端·react.js
Pedantic27 分钟前
为什么 Swift 字符串不能用 `myString[3]` 随便取字符?
前端·后端
RichardLai8830 分钟前
Kotlin Flow:构建响应式流的现代 Kotlin 之道
android·前端·kotlin