编写Vue组件

Vue项目中只有src目录下的是主要要写的。

在这里面：

• main.ts：

  import './assets/main.css'// createApp 创建应用
  import { createApp } from 'vue'// APP根组件
  import App from './App.vue'// 挂在到 #app 容器上
  createApp(App).mount('#app')

App.vue的格式：

<template>html
</template><script lang="ts">JS/TS
</script><style>CSS
</style>

注意：需要在项目目录下，于package.json同级目录内，输入项目运行指令才行。

# cd prj;
npm run dev

否则会报错：

npm error path E:\Undergraduate\School\Programme\Front-End\Vue\LAB\package.json
npm error errno -4058
npm error enoent Could not read package.json: Error: ENOENT: no such file or directory, open 'E:\Undergraduate\School\Programme\Front-End\Vue\LAB\package.json'
npm error enoent This is related to npm not being able to find a file.
npm error enoent