2024年前端最全Vite+Vue3项目文件分析(3)，秋招现场面试

最后

如果你已经下定决心要转行做编程行业，在最开始的时候就要对自己的学习有一个基本的规划，还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标，然后为之努力，坚持到底。如果你有幸看到这篇文章，希望对你有所帮助，祝你转行成功。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

declare module ‘*.vue’ {

import { DefineComponent } from ‘vue’

const component: DefineComponent<{}, {}, any>

export default component

}

• 因为TS直接引用第三方JS库的时候，虽然可以用，但是是没有类型检查，所以我们需要做一个声明文件，来声明这些第三方库的类型，这样在使用第三方库的时候，就有类型了

• 引入外部的 js 库，就需要.d.ts (d即declare)，ts的声明文件

vite-env.d.ts

---

• 客户端类型：

• Vite 默认的类型定义是写给它的 Node.js API 的。要将其补充到一个 Vite 应用的客户端代码环境中，请添加一个 d.ts 声明文件：

///

main.ts中全局挂载两种写法

---

1. 第一种：

import { createApp } from ‘vue’

import App from ‘./App.vue’

import router from ‘./router’

import store from ‘./store’

import ElementPlus from ‘element-plus’

import ‘./assets/theme/index.css’

createApp(App).use(router).use(store).use(ElementPlus).mount(‘#app’)

2. 第二种：

import { createApp } from ‘vue’

import App from ‘./App.vue’

import router from ‘./router’

import store from ‘./store’

import ElementPlus from ‘element-plus’

import ‘./assets/theme/index.css’

const app = createApp(App)

app.use(store)

app.use(router)

app.use(ElementPlus)

app.mount(‘#app’)

vite.config.ts

---

• vite配置文件，下面代码只配置了一个element-plus样式，详细请看 查看配置

import { defineConfig } from ‘vite’

import vue from ‘@vitejs/plugin-vue’

import styleImport from ‘vite-plugin-style-import’

export default defineConfig({

plugins: [vue(),

styleImport({

libs: [

{

libraryName: ‘element-plus’,

esModule: true,

ensureStyleFile: true,

resolveStyle: (name) => {

return element-plus/lib/theme-chalk/${name}.css;

},

resolveComponent: (name) => {

return element-plus/lib/${name};

},

}

最后

技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

[外链图片转存中…(img-QQ0UWI7H-1715503146816)]