一些解决问题的笔记

引入外部css不能使用嵌套：将底部的css改成vue
用v-for加载图片，不出来。在data里面的图片地址里，加上require
npm 下载不了：加--legacy-peer-deps
为什么明明写了样式，但是效果却不出来：html的结构和css不匹配
从后端访问到的数据如何打印出来：可以使用JSON.stringify()方法将其转换为字符串以便更好地在控制台中查看。 console.log(JSON.stringify(response.data, null, 2));
将图片或文件删除后，报错。需要npm重启一下
明明用mapstate引用了modules里面的组件了，还是用不了里面的数据。 解决办法computed里面这么写：...mapState('user', ['userInfo']) ，然后调用state里面的对象，不要直接调用对象里面的数据

当公司用的都是gitlab时，我自己建项目到github上总出问题的解决方案：把.git和src的。git文件夹删掉，然后再连接

vue3视频知识汇总
爷爷向孙子辈组件发送数据，用provide和inject，但是修改数据必须在爷爷组件，采用提供provide函数的办法
defineOption   可以在里面定义一些和setup平级的属性，比如name
definemodel 可以让用v-model时，子父之间传数据更方便，不用emits和props，但是需要在vite。congfig里设置
pinia配置步骤：（pinina相当于更好用的vuex）直接install

从pinia拿下的数据如果结构后会失去响应式，解决办法，用storeTorefs
pinia的数据进行持久化的工具 npm i pinia-plugin-persistedstate 
然后在main。js里  import Persist from "pinia-plugin-persistedstate"; 和 createApp(App).use(pinia.use(Persist)).mount('#app')
，最后，在最外层圆括号的里面加上{persisit:true}
浏览器的vue图标不亮：把拓展程序的所有权限都打开。

pinia独立维护：就是将usepinia移到store文件夹里，具体看b站156集
pnpm 运行更快，安装步骤：
先在外面npm install -g pnpm
2.   pnpm create vue
引入完成之后
cd Vue3-big-event
  pnpm install

export * from这种写法的意义：比如我要在index里面，把同级的文件导出，那么我用这种写法就不用import了

husky安装：pnpm dlx husky-init  用于提交代码前检查代码是否规范。命令为 pnpm lint
sass预处理器安装 pnpm add sass -D
安装element-plus：
    1.pnpm install element-plus
    2.pnpm install -D unplugin-vue-components unplugin-auto-import
    3.按官网来

用了element-plus，不管是不是ele的组件，都不需要import了

redirect的作用：在其他页面没有组件的时候给一个默认的页面

安装element-plus图标库  pnpm i @element-plus/icons-vue

element全局引用，能用但是报错的解决办法，在eslintrc.cjs文件夹中添加
     globals: {
            ElMessage: 'readonly'
      }

    git传代码显示couldnt connect to serve：输入
git config --global --unset http.proxy
git config --global --unset https.proxy

如何将element的默认语言设置为中文：
在app。vue里面用<el-config-provider :locale="zhCn">把路由包裹住，然后引入import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

git初始命令
git init
  git add README.md
  git commit -m "first commit"
  git branch -M main
  git remote add origin https://github.com/2658308290/big-event.git
  git push -u origin main

failed to push some refs to 'https://github.com/2658308290/big-event.git'原因,初始化git后没有commit，所以资源不匹配，提交即可
远程数据库连接本地一直不成功：git pull --rebase origin master，然后再连接

创建并连接远程git其他分支的方法
git checkout -b home origin/home

文本编辑框下载官方网站：vueup.github.io/vue-quill/
vue3标签怎么相互调用？在想用的标签里加上ref，然后之久调用热里面的属性值就好了

nginx启动：
1.https://nginx.org/en/download.html先下载。
2.直接双击。exe程序
3.把打包好的dist里面的内容替换到html里面的内容
4访问localhost。主义不要加8080等后缀

nginx访问不同页面404的解决办法：
把nginx.config里面的location替换为：
 location / {
         try_files $url $url/  /index.html;
        }
如果这样还是不行,就在任务区管理器上把nginx关闭，再起动

下载配置ts
npm install -g typescript
npm install -g ts-node

不在hbuilderx创建uniapp项目的办法：
npx degit dcloudio/uni-preset-vue#vite-ts 项目名称