小问题汇总（TBC）

vue3 在 VSCode 的调试

• launch.json

  {
    "version": "0.2.0",
    "configurations": [
      {
        // 使用 Edge 浏览器调试
        // "type": "msedge",
        // 使用 Chrome 浏览器调试
        "type": "chrome",
  
        "request": "launch",
        "name": "vuejs: msedge",
  
        // 项目的访问地址（需要改成你项目开发环境对应的地址和端口号）
        "url": "http://10.12.177.4:8080",
  
        "webRoot": "${workspaceFolder}",
        // "pathMapping": {
        //   "/_karma_webpack_": "${workspaceFolder}"
        // },
        // "sourceMapPathOverrides": {
        //   "webpack:/*": "${webRoot}/*",
        //   "/./*": "${webRoot}/*",
        //   "/src/*": "${webRoot}/*",
        //   "/*": "*",
        //   "/./~/*": "${webRoot}/node_modules/*"
        // },
  
        // 设置进入 debug 环境之前需要执行的任务。
        // 此名称对应项目中 .vscode 目录下 tasks.json 文件中的 label 属性）
        // "preLaunchTask": "vuejs: start"
      }
    ]
  }
  

找不到依赖

• 删除node_modules

• npm install 重新安装

git 规范

Vite 中设置打包引用相对路径

• vite.config.js 中添加 base 选项并设置它为你期望的引用路径

  • 如希望打包后的引用的相对路径是 ./my-app/

    // vite.config.js
    import { defineConfig } from "vite";
    import path from "path";
    // ...其他的import...
    
    export default defineConfig({
      base: './my-app/',
      resolve: {
        // ...其他的resolve配置...
      },
      plugins: [
        // ...其他的插件...
      ],
      // ...其他的配置...
    });
    

• 打包之后的dist里面的html就算在本地直接打开也是会跨域的！！！

React中只使用target="_blank"会出现警告

• 加上：rel="noopener noreferrer"

调试

• 插件：JavaScript Debugger Companion Exten

• launch.json

  {
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
      {
        "type": "chrome",
        "request": "launch",
        "name": "针对 localhost 启动 Chrome",
        "url": "http://10.12.181.235:8080",
        "webRoot": "${workspaceFolder}"
      }
    ]
  }