noiser
所属分类:内容生成
开发工具:Vue
文件大小:0KB
下载次数:0
上传日期:2023-09-30 09:42:57
上 传 者:
sh-1993
说明: HTML画布上的噪声图像生成器,
(Noise image generator on HTML canvas,)
文件列表:
.vscode/ (0, 2023-09-30)
.vscode/extensions.json (75, 2023-09-30)
LICENSE (1061, 2023-09-30)
index.html (696, 2023-09-30)
package-lock.json (29839, 2023-09-30)
package.json (375, 2023-09-30)
public/ (0, 2023-09-30)
public/vite.svg (1497, 2023-09-30)
screenshots/ (0, 2023-09-30)
screenshots/image.png (101666, 2023-09-30)
src/ (0, 2023-09-30)
src/App.vue (3233, 2023-09-30)
src/assets/ (0, 2023-09-30)
src/assets/vue.svg (496, 2023-09-30)
src/components/ (0, 2023-09-30)
src/components/AppCanvas.vue (1779, 2023-09-30)
src/components/HelloWorld.vue (786, 2023-09-30)
src/layout.css (305, 2023-09-30)
src/main.ts (156, 2023-09-30)
src/store.ts (166, 2023-09-30)
src/style.css (1318, 2023-09-30)
src/utility.css (1485, 2023-09-30)
src/vite-env.d.ts (38, 2023-09-30)
tsconfig.json (488, 2023-09-30)
tsconfig.node.json (184, 2023-09-30)
vite.config.ts (157, 2023-09-30)
# Noiser
A noise image generator
![noise image](https://github.com/sakihet/noiser/blob/master/screenshots/image.png)
## Try it now
[Noiser](https://github.com/sakihet/noiser/blob/master/https://noiser.sakih.net/)
## Development
```
npm install
npm run dev
```
---
IDE Setup
## Recommended IDE Setup
- [VS Code](https://github.com/sakihet/noiser/blob/master/https://code.visualstudio.com/) + [Volar](https://github.com/sakihet/noiser/blob/master/https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://github.com/sakihet/noiser/blob/master/https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
## Type Support For `.vue` Imports in TS
TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://github.com/sakihet/noiser/blob/master/https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/sakihet/noiser/blob/master/https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
1. Disable the built-in TypeScript Extension
1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
近期下载者:
相关文件:
收藏者: