2022-12-04

期望做一个实现自己想法的web，顺便熟悉下前端的内容，相关的经历记录下来，以鉴。

选用的 vue3 + vite，风格期望是偏未来感与科技感。
开发工具选了 webstorm + edge。

界面风格参考目标是这种

image.png

按照各官网的教程来做，hello world 可以正常运行，接下来就是折磨自己的时候了。

---

感觉难点在样式方便，但是最开始得先把框架弄出来，那么去复制一个框架先，找到最简单的就是 element-plus，给它安上。

碰到的一个问题是热更新，毕竟每次编辑完切换都是个累活，现在热更新只做成了浏览器的自动更新，就是在edge上安装一个jetbrain的插件，不过这个插件是chrome商店才下载得到的，但是能兼容，安上去无需其他配置能自动检测到更新。但是在代码层面上，代码部分更新，还是必须重启yarn run dev，尽管这个命令我配置了运行环境，但是一定有自动重启的方法，以前在别人的项目中用过，我还没有找到办法，配置了一些 hmr：true，hot：true的参数都没有用，太难受了。

碰到另一个问题，scss 的识别问题，只是大概知道这是 css 相关的东西，按照网上指导yarn install 和 npm install 安上相关库，可一启动项目还是报错，最后发现必须加到配置文件 package.json 的 dependencies 里面，麻了，下次记得了。

element-plus 就好安装了，yarn install 就可以用了。现在文字样子终于正常了。接下来得研究修改样式和修改后怎么生效了。