npm init vite-app     //項(xiàng)目名字
cd 項(xiàng)目名字           //進(jìn)入項(xiàng)目
npm i                //安裝依賴
npm run dev         //打開項(xiàng)目

<script lang = "ts">
   const abc: number = 123456789;   //定義一個(gè)abc類型是數(shù)字，為什么這么定義可以去看一下Typescript的數(shù)據(jù)類型
   console.log(abc, "abc");
</script>

npm run build

import { createRouter, createWebHashHistory } from 'vue-router'
const routes = [
    {
        path: '/',
        name: 'Home',
        //如果沒有在.d.ts文件中定義，在這里引入路徑時(shí)加后綴名.vue是會(huì)報(bào)錯(cuò)的
        component: () => import("../pages/home/index.vue"), 
        children: [
            {
                path: '/news',
                name: 'Hews',
                component: () => import("../pages/news/index.vue")
            }
        ]
    },
 
]
const router = createRouter({
    history: createWebHashHistory(),
    routes,
})
export default router;

<template>
  <router-view />
</template>
 
<script>
import { defineComponent, onMounted } from "vue";
export default defineComponent({
  name: "App",
});
</script>

declare module "*.vue" {
  import { ComponentOptions } from "vue";
  const componentOptions: ComponentOptions;
  export default componentOptions;
}
declare module "*.svg";
declare module "*.png";
declare module "*.jpg";
declare module "*.jpeg";
declare module "*.gif";
declare module "*.bmp";
declare module "*.tiff";
declare module "lodash";
declare module "@/api/*";

<template>
 <div>
     <h1>我是home頁(yè)面</h1>
 </div>
</template>
 
<script lang="tsx"></script>
<style lang="less" src="./index.less" scoped></style>

import { defineComponent } from "vue";
export default defineComponent({
    name: "Home",
    
})