精华内容
下载资源
问答
  • VsCode相对路径读取问题

    千次阅读 2019-07-16 10:51:26
    启动服务器后一直无法找到对应请求文件,可是看了一下代码没问题啊~~~~真的找bug找到怀疑人生,找了很久最后发现是VsCode相对路径读取问题!!!真的哭了嘤嘤嘤 这是我要读取的文件相对路径,可是在VsCode下的...

    最近在学习Node.js,使用VsCode作为开发工具,结果遇到一堆bug啊啊啊啊
    启动服务器后一直无法找到对应请求文件,可是看了一下代码没问题啊~~~~真的找bug找到怀疑人生,找了很久最后发现是VsCode相对路径读取问题!!!真的哭了嘤嘤嘤
    在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述
    这是我要读取的文件相对路径,可是在VsCode下的相对路径读取就直接变成从 “02/public/lib/bootstrap/dist/css/bootstrap.css” ,没有进入feedback文件夹查找文件,真的骚操作啊啊啊啊
    后来查了很多资料也跟同学一起讨论找bug,最后发现是VsCode的launch.json文件配置问题!!!暴风哭泣嘤嘤嘤
    这是我本来的launch.json文件配置:
    在这里插入图片描述
    后来在configurations中加入语句"cwd": "${fileDirname}"即可变成常规的相对路径模式,相对路径读取就没问题了
    在这里插入图片描述
    之后能够成功访问服务器
    在这里插入图片描述
    希望我泪的教训能帮到大家~~~~

    展开全文
  • 用绝对路径读不出图片。相对路径和网址都可以。 <p><img src="C:\Users\LZY\Desktop\timg.jpg"/> 图片属性如下 <p><img alt="" height="113" src=...
  • 绝对路径可以识别就说明该文件或文件夹肯定存在,vscode的相对路径的识别方式有所不同,是以.vscode所在的位置为相对路径的起点的(即你添加工作区的位置)。 具体来说,你也可以通过os.getcwd()方法得到相对路径的...

    绝对路径可以识别就说明该文件或文件夹肯定存在,vscode的相对路径的识别方式有所不同,是以.vscode所在的位置为相对路径的起点的(即你添加工作区的位置)。
    具体来说,你也可以通过os.getcwd()方法得到相对路径的位置从而解决。
    以机器学习实战的例子为例。我的代码结构如下图所示: 在这里插入图片描述
    .vscode并没有放在ch02下,所以直接写相对路径是错误的。用os.getcwd()可以得到我的相对路径其实位置。
    在这里插入图片描述
    因此按照提示信息便可以修改成真正的“相对路径”,
    在这里插入图片描述
    代码也得以正常运行。
    因此如果想避免这中情况可以将每个子文件夹均加入工作区,或者就直接用绝对路径,以及介于两者之间的“半绝对路径”。

    展开全文
  • vscode 引用路径的别名设置

    千次阅读 2020-02-12 12:58:01
    然而,使用别名替代后,vscode不再能智能提示来补全路径了(我就知道没这么简单)。。。 vscode路径智能提示功能 ​ 后来查到了一个vscode官方提供的方法:通过自定义 jsconfig.json 文件来重新激活相应的...

    问题描述

    ​ 在开发过程中,由于模块越来越多,需要建立的文件夹就会越来越多,目录层级越来越深。这样就会导致import引用时极不方便,比如说:

    引用过长示例

    ​ 如果在开发过程中能够使用某别名来指代根目录或src文件夹(开发过程中引用的文件一般都在src下),达到下图的效果,是最好不过的了(程序员一般都是有强迫症的,可能要达到目的写的代码要远远大于这几个.,虽然可以达到目的,但是太难看了)。
    别名路径

    解决过程

    • 更改weboack.base.config.js文件

    ​ 去网上查阅了资料之后,发现可以通过更改weboack.base.config.js中的resolve.alias来达到目的。

    module.exports = {
    	···
        ···
      resolve: {
        extensions: ['.js', '.vue', '.json'],
        alias: {
          '@': resolve('src'),
        }
      }
      ···
      ···
    }
    

    ​ 这样就可以使用@来指代./src文件夹,同样,也可以在alias对象中继续添加其他路径的别名。

    然而问题没有这么简单…

    ​ 当初为了方便,我是使用craete-react-app脚手架来搭建的工程,在不想使用react-scripts eject来显示webpackage等的配置文件的情况下(那样会破坏目录结构,并且是不可逆的),只能另寻其他方法。。。

    • 使用customize-cra来定制配置

    ​ 之前使用高阶组件less等配置时,引入了customize-cra并创建了./config-overrides.js来定制webpackage的一些属性。使用这一方法,同样可以配置路径别名:

    const { addWebpackAlias } = require('customize-cra')
    module.exports = override(
      ···
      ···
      addWebpackAlias({
        ['@']:require('path').resolve(__dirname, 'src')
      })
      ···
      ···
    )
    

    ​ 经过上述配置,终于可以在文件中使用@来代替巨长无比的路径了!
    别名路径

    然而,使用别名替代后,vscode不再能智能提示来补全路径了(我就知道没这么简单)。。。

    • vscode的路径智能提示功能

    ​ 后来查到了一个vscode官方提供的方法:通过自定义jsconfig.json文件来重新激活相应的路径智能提示。在项目根目录下,新建一个jsconfig.json文件,内容如下(大神是这么说的):

    {
      "compilerOptions": {
        "baseUrl": ".",
        "paths": {
          "@/*": ["src/*"]
        },
        "target": "ES6",
        "module": "commonjs",
        "allowSyntheticDefaultImports": true
      },
      "include": ["src/**/*"],
      "exclude": ["node_modules"]
    }
    

    ​ 但是,做了如上配置之后,编译报错。。。

    路径修改报错

    ​ 根据错误提示,将baseUrl做出对应的修改即可:

    {
      "compilerOptions": {
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "baseUrl": "src",
        "paths": {
          "@/*": ["*"]
        },
        "target": "ES6",
        "module": "commonjs",
        "allowSyntheticDefaultImports": true
      },
      "include": ["src/**/*"],
      "exclude": ["node_modules"]
    }
    

    然而,然而,再次然而。。。还是存在问题。。。

    ​ 经过上述设置,路径补全功能实现了,但是补全的文件夹下面文件补全功能有bug,目前只能自动提示*.js 文件,图片、css等文件不会提示。。。

    路径补全bug

    • 解决路径补全不提示文件的bug

    ​ 不再使用jsconfig.js,使用vscode插件来实现路径补全:

    ​ 这里选择的是Path Autocomplete插件,而不是Path Intellisense(之前使用的这一个,但是关于别名路径方面还是存在问题。。。)

    ​ 在 工作区配置 .vscode/setting.json里面添加内容如下:

    {
      "path-autocomplete.excludedItems": {
        "**/*.js": { "when": "**/*.ts" }, // ignore js files if i'm inside a ts file
        "**/*.map": { "when": "**" }, // always ignore *.map files
        "**/{.git,node_modules}": { "when": "**" } // always ignore .git and node_modules folders
      },
      "path-autocomplete.pathMappings": {
        "@": "${folder}/src"
      },
    }
    

    ​ 在path-autocomplete.pathMappings对象中配置别名对应的路径,即可实现别名下的路径补全,而且不只js文件会补全,其他文件也会。

    路径补全bug修复

    ​ 关于文件的后缀,Path Autocomplete默认是不自动添加文件后缀的,可以通过在系统的配置文件里面(如果只想当前项目生效就在当前工作区的配置文件里面)设置"path-autocomplete.extensionOnImport": true。即可自动添加文件后缀。其他的设置见下图:

    path-autocomplete_Setting


    就这样,因为路径过长而想用别名代替所引起的一系列问题就解决了(我还要更改代码里对应的路径)。。。

    参考资料:

    vue 用别名取代路径引用
    解决vscode使用了@别名后路径不提示的问题

    展开全文
  • 文章目录一、用vscode打开当前markdown文件所在的文件夹二、导入一张图片 一、用vscode打开当前markdown文件所在的文件夹 二、导入一张图片 例如我要导入一张图片

    一、用vscode打开当前markdown文件所在的文件夹

    要把markdown文件和图片/图片所在文件夹,放在同一个文件夹内。
    在这里插入图片描述
    在这里插入图片描述

    二、导入一张图片

    例如我要导入一张图片:
    在这里插入图片描述

    展开全文
  • Vscode的相对路径读取问题及处理

    万次阅读 多人点赞 2019-05-21 11:51:12
    Vscode的相对路径读取问题及处理 差异 首先说一下vscode相对路径与一般编辑器的不同 符号 vscode 一般的 “./2.txt” 相对于工作路径(.vscode文件夹所在的位置) 相对于当前运行文件 “2.txt” 相对于...
  • vscode新手 最近想用vscode开发vue 在修改插件路径时遇到问题 ...使用命令code --extensions-dir D:\Microsoft VS Code\...[图片说明](https://img-ask.csdn.net/upload/201908/08/1565242022_117144.jpg)
  • 在没有使用paste image插件时,要想在md文件中插入图片,就要手动写好markdown图片格式以及图片路径,这样很麻烦。 paste image插件就简化的这个步骤,截图后,使用option + cmd + v默认会移动图片到该文件的同级...
  • VScode 头文件添加路径

    2021-01-06 10:09:43
    包含头文件路径主要是两个文件,一个是task.json和c_cpp_properties.json文件 1先打开task.json文件。 然后找到这一栏, 最下面的一行红色字体...例如在图片里添加的路径是: “/home/sms/桌面/serial/rm_serial”
  • VSCode 路径自动补全插件

    万次阅读 2018-05-24 14:15:00
    2019独角兽企业重金招聘Python工程师标准>>> ...
  • VSCode前端开发图片预览插件 Image preview 先上效果图 不仅html中可以预览 js代码里的引用也可以识别 功能 安装步骤 插件市场搜索 Image preview 点击安装 设置 ????下面是一些默认设置 // The default color ...
  • ** == Path Intellisense == ** 这个插件可以很好的识别引入文件路径,已经加入我Vscode 超值插件大礼包! 效果如下:
  • vscode 编辑器路径提示

    2021-03-26 20:30:55
    下载插件path intellisense 然后打开settings... "commonjs", "allowSyntheticDefaultImports": true, "baseUrl": "./", "paths": { "@/*": ["src/*"] } }, "exclude": [ "node_modules" ] } 重启vscode即可 大功告成!
  • vscode读取相对路径的问题处理

    千次阅读 2020-06-17 00:09:26
    vscode中默认的相对路径是从项目根目录开始的,设置成当前文件的相对路径方法如下: 在.vscode文件夹中,找到launch.json文件(没有的话自己创建一个),将cwd的值改为空,如下: { “name”: “Python: Current ...
  • VSCode 别名Alias路径智能提示

    千次阅读 2020-07-27 17:59:39
    在webpack.config.js中使用别名,是不会有路径提示的,需要在jsconfig.json中配置一个路径关联的全局模式。 解决方案 // webpack.config.js 或者自定义的文件(根目录) alias: { 'applehi': path.resolve(__...
  • ![这张图片里出现两个相同的文件夹](https://img-ask.csdn.net/upload/202009/08/1599557362_760026.jpg)
  • 找了半天,好多方法都不好使,最终使用下面的方法解决,在程序里加入两行代码: import os, sys os.chdir(sys.path[0])
  • vscode-图片压缩

    2020-05-16 13:01:25
    title: vscode-图片压缩 categories: VSCode tags: [vscode, webp, 压缩] date: 2020-04-01 19:35:33 comments: false mathjax: true toc: true vscode-图片压缩, 上传 md 笔记中使用到的图片 到图床前, 进行一次 ...
  • 完美解决vscode使用相对路径问题

    千次阅读 2020-03-13 12:05:26
    true, "code-runner.fileDirectoryAsCwd": true code-runner.executorMap 里面填写需要使用的 python 路径,这里我用的是 anaconda 内的环境 code-runner.fileDirectoryAsCwd 是关键,设置为 true 时就可以使用相对...
  • VSCode-Markdown图片复制插件路径配置

    千次阅读 2019-03-22 17:06:08
    在使用 markdown-preview-enhance 这个插件的 image helper 功能来上传文件时候,在本地文件复制时候,这个插件的默认 copy 路径是当前打开文件夹下的 /assets 目录下,而我的需求是使用这个插件插入本地图片时候,...
  • 在前端项目中,往往会使用到图片,可能是直接放在项目中,也可能是使用 cdn 地址,但它们都需要点击才能查看到图片具体是什么内容,显得繁琐,能否和代码提示一样直接鼠标悬停时就展示呢? 目前使用量最多的是 Image...
  • 虽然在 vscode 中安装了Path Intellisense 插件,但是并无作用。这样容易出现路径拼写错误的低能问题,同时也会造成开发效率降低 解决方案 在项目 package.json 所在同级目录下创建文件 jsconfig.json, 来解决别名...
  • 自定义 VSCode 背景图片 两步搞定 ! 不安装任何插件 , 自定义修改 VSCode 的背景图片 . 效果 : 在 VSCode 的安装目录下找到 workbench.desktop.main.css 文件 . 我的位置是 : C:\App\VSCode\Microsoft VS Code\...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,369
精华内容 2,147
关键字:

vscode图片路径