个人小结(1.0)

总结一下最近遇到的问题：

1.使用vite+vue+ts创建项目时，的项目启动相关问题。

key：在使用vite官网的命令进行创建项目时

 命令执行完毕，创建完项目后，还是在你创建项目的那个文件夹，需要cd进入项目文件夹，然后执行npm i 或者npm install生成node module文件夹。

问题1.2：在使用npm run dev时，出现报错。

在使用加号新建终端时，默认还是你的最外面的根文件夹，而不是你的项目文件夹

 所以在根文件夹执行npm run dev就会报错，但是使用package.json中的调试可以正常的运行调试。

问题2：注册全局组件。

注册全局组件时，习惯了使用组件库等插件的方式，直接在app.use()这样的方式，直接在括号中填入了要注册的组件，通过检查，才发现了自己的错误。

 注意和使用ui组件库或其他插件的app.use()进行区分。注册全局组件的语法为(vue3)：app.component('注册的全局组件名',组件)

问题3：在vite+vue+ts组件中，出现的引入路径报错。

一开始还以为是自己的路径写错了，后来发现不是。无论是使用相对路径，还是使用@别名，都会报错（是在编写代码时出现的红色波浪线提示，并不是代码执行报错），不影响代码执行。通过网上搜索，说需要装volar插件，或其他的类型检查，这里暂时没有解决。已经确定这个波浪线是因为ts所造成的报错，就直接使用了ts忽略类型检测的语法。//@ts-ignore

 问题4：在使用npm的粒子库时，没有出现预期的效果。

因为npm库上的包都会实时更新，比如以前的包名都有可能出现改变，比如以前叫particles-vue3，而目前叫做npm i @tsparticles/vue3,使用该命令进行安装，并且还出现了其他包的依赖，否则不能正常显示粒子效果，一个是import { loadFull } from 'tsparticles'，另一个是import {loadSlim} from 'tsparticles-slim'，这两个选择一个即可，对应着不同的粒子效果。

传入的参数也从以前的一个，变成了现在两个：

app.use(Particles,{init:async engine=>{

    await loadFull(engine)

   

}})

对应着这样的背景动态效果：

这些改变都需要去npm官网去看，网址是：https://www.npmjs.com/