---
path: 2022-04/new-techstack
---

[Installation | pnpm](https://pnpm.io/installation)

[Scaffolding Your First Vite Project](https://vitejs.dev/guide/#scaffolding-your-first-vite-project)

[Install Tailwind CSS with Vue 3 and Vite](https://tailwindcss.com/docs/guides/vite)

[import fullpage.js css file](https://www.jianshu.com/p/286f275c95bb)

`tailwindcss specific width`: [How can I specify exactly 600px width in Tailwind CSS?](https://stackoverflow.com/questions/65491795/how-can-i-specify-exactly-600px-width-in-tailwind-css)

`tailwindcss legal fraction`: [Fractional classes with Tailwind CSS inside a HAML file](https://stackoverflow.com/questions/57572997/fractional-classes-with-tailwind-css-inside-a-haml-file)

`css fadeout`: [CSS3 Transition - Fade out effect](https://stackoverflow.com/a/20910008/2667665)

[Maintaining the final state at end of a CSS3 animation](https://stackoverflow.com/questions/12991164/maintaining-the-final-state-at-end-of-a-css3-animation)

`wrap settimeout`: [What is the JavaScript version of sleep()?](https://stackoverflow.com/questions/951021/what-is-the-javascript-version-of-sleep)

`tailwindcss text color not working`: [class text-white with tailwind does not work](https://stackoverflow.com/questions/67098510/class-text-white-with-tailwind-does-not-work)，最开始没有把自定义颜色写到 extend 里，而是直接写到了 theme 里，这样就把默认的那些 color 设置都取消了。

`hide scrollbar but still scroll`: [Hide scroll bar, but while still being able to scroll](https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-while-still-being-able-to-scroll)

`web typewriting effect`: [How to Create a CSS Typewriter Effect for Your Website](https://www.sitepoint.com/css-typewriter-effect/)

`js disable default scroll`: [How to disable scrolling temporarily?](https://stackoverflow.com/questions/4770025/how-to-disable-scrolling-temporarily)

`js get vw vh`: [JavaScript calculate with viewport width/height](https://stackoverflow.com/questions/44109314/javascript-calculate-with-viewport-width-height)
