Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/illtamer/sillage-front
Front-end implementation source code of IllTamer's personal blog
https://github.com/illtamer/sillage-front
bootstrap3 element-plus vue-router vue3-ts-vite
Last synced: 17 days ago
JSON representation
Front-end implementation source code of IllTamer's personal blog
- Host: GitHub
- URL: https://github.com/illtamer/sillage-front
- Owner: IllTamer
- License: agpl-3.0
- Created: 2022-09-25T12:49:50.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2022-09-25T15:12:59.000Z (about 2 years ago)
- Last Synced: 2024-10-17T09:10:37.631Z (about 1 month ago)
- Topics: bootstrap3, element-plus, vue-router, vue3-ts-vite
- Language: Vue
- Homepage: http://www.illtamer.com
- Size: 292 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# sillage-front
## Introduction
Front-end implementation source code of IllTamer's personal blog.
## Technology stack
- vue3 + ts + less + vite
- bootstrap3 + jquery (deprecated)
- element-plus
- plugins
- vue-router
- axios
- prismjs
- editor-md
- aplayer
## Dev-env-config
### jquery
1. powershell
```powershell
npm install jquery
npm install @types/jquery
```
2. main.ts
```ts
import $ from 'jquery'
createApp(App).use($)
```
3. vite-env.d.ts
```ts
declare module jQuery {}
```
4. usage
```ts
import $ from 'jquery';
```
### prismjs
1. powershell
```powershell
npm i prismjs -S
npm i @types/prismjs -D
npm install vite-plugin-prismjs -D
```
2. vite.config.ts
```ts
import prismjs from "vite-plugin-prismjs";
plugins: [
vue(),
prismjsPlugin({
languages: 'all',
plugins: ['line-numbers'], //配置显示行号插件
theme: 'coy', //主题名称
css: true,
})
],
```
3. usage
```ts
import Prism from 'prismjs';
// 资源刷新后
.then((): void => {Prism.highlightAll()});
```
### editor-md
1. powershell
```powershell
npm i md-editor-v3
```
## TODO
- bootstrap3 -> element-plus