标签 vscode 下的文章

Win11+docker+gpu+vscode+pytorch配置anomalib

2024-08-23

在上一节中，我们已经配置好了基本环境，现在我们需要在Docker容器中安装PyTorch。

修改Dockerfile以安装PyTorch。

首先，我们需要修改Dockerfile以包括PyTorch的安装。这是一个例子，展示了如何修改Dockerfile以使用PyTorch的预编译版本：




# 其他部分保持不变
 
# 使用PyTorch的预编译版本
RUN pip install torch==1.11.0+cu113 -f https://download.pytorch.org/whl/torch_stable.html
 
# 其他部分保持不变

这里，我们使用了CUDA 11.3版本的PyTorch 1.11.0版本。你需要根据你的CUDA版本选择合适的PyTorch版本。

重新构建Docker镜像。

保存Dockerfile的更改后，你需要重新构建Docker镜像以包含新的PyTorch安装。在终端中，导航到包含Dockerfile的目录并运行以下命令：




docker build -t my-anomalib-env .

运行Docker容器并验证PyTorch安装。

构建新镜像后，你可以运行一个新的容器并验证PyTorch是否正确安装。运行以下命令启动一个新的容器：




docker run -it --gpus all --name my-anomalib-container my-anomalib-env

在容器内部，你可以运行Python并尝试导入PyTorch来验证安装：




python -c "import torch; print(torch.cuda.is_available())"

如果输出为True，则表示PyTorch已成功安装并且可以使用GPU。

以上步骤应该在不出错的情况下完成，为后续的环境配置和代码调试做好准备。如果遇到任何问题，请参考Docker和PyTorch的官方文档以获取更多帮助。

- 阅读更多 -

Flutter Mac上使用VSCode支持Flutter开发

System

2024-08-23

所有,flutter




# 安装Flutter SDK
git clone -b beta https://github.com/flutter/flutter.git
export PATH="$PWD/flutter/bin:$PATH"
 
# 安装Dart SDK
curl -s https://storage.googleapis.com/dart-archive/channels/stable/release/2.8.4/sdk/dartsdk-macos-x64-release.zip > dartsdk-macos-x64-release.zip
unzip dartsdk-macos-x64-release.zip
export PATH="$PWD/dart-sdk/bin:$PATH"
 
# 安装必要的包和插件
flutter precache
 
# 安装VSCode和Flutter插件
brew install --cask visual-studio-code
 
# 打开VSCode并安装Flutter插件
open -a Visual\ Studio\ Code

在Mac上使用VSCode进行Flutter开发，你需要安装Flutter SDK和Dart SDK，并配置环境变量。然后，你可以使用VSCode编写和运行Flutter应用程序。上述脚本提供了一个简化的安装和配置过程。

System

2024-08-23

所有,css

这个问题似乎是在询问如何使用VSCode进行HTML和CSS开发，并且提到了一些特定的插件，如CSS Reset与Normalize.css。

首先，确保你已经安装了Visual Studio Code。然后，你可以通过以下步骤安装和使用提到的插件：

打开VSCode。
安装插件：
- 按下Ctrl + Shift + X打开扩展商店。
- 搜索并安装你需要的插件，例如：
  - Auto Close Tag：自动闭合HTML标签。
  - Auto Rename Tag：自动重命名对应的HTML标签。
  - CSS Peek：允许跳转到CSS类和ID定义的地方。
  - HTML CSS Support：在HTML标签中输入class时，提供CSS类名建议。
  - IntelliSense for CSS class names：更强大的CSS类名智能感知。
- 安装完成后，可以在VSCode左侧的扩展视图中看到。
使用插件：
- 安装插件后，它们通常会自动工作，无需额外配置。
- 对于CSS Reset和Normalize.css，你可以在项目中包含这些库，通常通过在HTML文件中使用<link>标签引入一个外部的CSS文件来实现。

示例代码：

在HTML文件中：




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入CSS Reset或Normalize.css -->
    <link rel="stylesheet" href="path/to/your/reset.css">
    <!-- 或 -->
    <link rel="stylesheet" href="path/to/your/normalize.css">
    <!-- 其他CSS文件 -->
    <style>
        /* 你的CSS样式 */
    </style>
</head>
<body>
    <!-- 你的HTML内容 -->
</body>
</html>

在CSS文件中：




/* 使用CSS Reset */
/* 例如使用Meyer Web Reset，这是一个简单的CSS Reset */
/* http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* ... 其他CSS样式 */

请注意，插件的具体使用方法可能会根据插件的具体功能和版本有所不同。建议查看每个插件的官方文档以获取最新和最准确的信息。

System

2024-08-23

所有,小程序




// 在 uni-app 项目中使用 Vue 3, TypeScript 和 Vite 的基础配置示例
 
// 1. 安装依赖
// 使用 npm 或 yarn 安装所需依赖
// npm install -g @vue/cli
// vue create -p dcloudio/uni-preset-vue my-ts-vite-app
 
// 2. 配置 `vite.config.ts`
// 在项目根目录下创建 `vite.config.ts` 文件，并配置以下内容
import { defineConfig } from 'vite'
import uni from '@dcloudio/uni-vite-plugin'
import vue from '@vitejs/plugin-vue'
 
export default defineConfig({
  plugins: [
    vue(),
    uni()
  ]
})
 
// 3. 配置 `tsconfig.json`
// 确保 TypeScript 配置正确，在项目根目录下的 `tsconfig.json` 文件中添加以下内容
{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "importHelpers": true,
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "sourceMap": true,
    "baseUrl": ".",
    "types": [
      "miniprogram-api-typings",
      "uni-app"
    ],
    "paths": {
      "@/*": [
        "src/*"
      ]
    }
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "typings/**/*.ts"
  ],
  "references": [
    {
      "path": "./tsconfig.node.json"
    }
  ]
}
 
// 4. 配置 `uni.scss`
// 在 `uni.scss` 文件中定义全局样式变量
$text-color: #353535;
 
// 5. 配置 `main.ts`
// 在 `src/main.ts` 文件中，可以配置 Vue 3 应用程序入口点
import { createApp } from 'vue'
import App from './App.vue'
 
const app = createApp(App)
app.mount('#app')

这个代码示例展示了如何在 uni-app 项目中使用 Vue 3, TypeScript 和 Vite 的基础配置。它包括了安装依赖、配置 vite.config.ts 和 tsconfig.json 文件，以及定义全局样式变量和设置 Vue 3 应用程序的入口点。这为开发者提供了一个清晰的起点，并帮助他们理解如何将这些工具集成到 uni-app 项目中。

- 阅读更多 -

【Linux】Vscode连接远程服务器：误删文件，如何找回

System

2024-08-23

所有,linux

如果在Linux系统中不慎删除了远程服务器上的文件，并已经提交了变更（例如，运行了rm命令并且没有使用撤销操作），那么可以尝试以下方法找回文件：

使用版本控制系统（如果文件在被删除之前已经有在版本控制系统中）：
- 如果是Git, 可以使用git fsck命令查找丢失的对象，然后用git checkout检出丢失的文件。
使用文件恢复工具：
- 如TestDisk和PhotoRec是两个流行的Linux恢复工具，可以在数据被删除后尝试恢复文件。
检查系统的回收站（如果有的话）：
- 在某些文件系统中，删除的文件可能会被移动到一个回收站目录，可以在那里找到文件。
检查shell的历史命令：
- 如果删除的文件刚刚被删除，可能还会在shell的历史命令中找到删除文件的命令，可以通过history命令查看。
恢复已关闭的文件描述符：
- 如果程序正在运行并删除了文件，可能可以通过分析进程映射来找到文件的内容。

如果文件没有在版本控制系统中管理，而且也没有备份，那么可能是一个硬恢复的问题，这通常涉及到对磁盘扇区的直接操作，可能会有很高的风险，因此仅在绝对必要的情况下采取。

注意：在尝试恢复文件之前，请确保不要对可能包含文件的分区进行写操作，以避免覆盖丢失的文件数据。如果文件系统已经有很多写操作，恢复的可能性会大大降低。如果文件是最近删除的，并且系统写入了大量数据，恢复的成功率可能会更低。

- 阅读更多 -

Linux | Ubuntu 20.04 ｜如何通过命令行安装 VSCode

System

2024-08-23

所有,linux

在Ubuntu 20.04上通过命令行安装Visual Studio Code可以通过以下步骤完成：

更新软件包列表：




sudo apt update

安装依赖项：




sudo apt install software-properties-common apt-transport-https wget

导入Microsoft GPG密钥：




wget -q https://packages.microsoft.com/keys/microsoft.asc -O- | sudo apt-key add -

向系统添加VSCode存储库：




sudo add-apt-repository "deb [arch=amd64] https://packages.microsoft.com/repos/code stable main"

再次更新软件包列表：




sudo apt update

安装Visual Studio Code：




sudo apt install code

完成以上步骤后，Visual Studio Code将安装在您的Ubuntu 20.04系统上。您可以通过命令行启动它，或者在桌面环境中找到它的启动器。

- 阅读更多 -

3.Linux（Ubuntu）中安装vscode

System

2024-08-23

所有,linux

在Ubuntu中安装Visual Studio Code可以通过以下步骤进行：

打开终端。

导入微软的GPG公钥以确保包的安全：




wget -qO- https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > microsoft.gpg
sudo mv microsoft.gpg /etc/apt/trusted.gpg.d/microsoft.gpg

增加Visual Studio Code的软件源：




echo "deb [arch=amd64 signed-by=/etc/apt/trusted.gpg.d/microsoft.gpg] https://packages.microsoft.com/repos/vscode stable main" | sudo tee /etc/apt/sources.list.d/vscode.list

更新软件列表并安装Visual Studio Code：




sudo apt-get update
sudo apt-get install code

安装完成后，你可以通过在终端中输入code或者通过界面上的应用菜单启动Visual Studio Code。

- 阅读更多 -

【Golang】VsCode下开发Go语言的环境配置（超详细图文详解）

System

2024-08-23

所有,golang

在Visual Studio Code (VSCode) 中配置Go语言的开发环境，需要安装Go语言扩展和Go语言工具。以下是配置步骤：

安装Visual Studio Code。
安装Go语言扩展：打开VSCode，按下Ctrl+P，输入ext install，然后搜索并安装Go扩展。

安装Go语言工具：

下载并安装Go语言，设置环境变量GOPATH和GOROOT。

打开终端，运行以下命令来安装Go语言工具：




go get -u -v github.com/ramya-rao/go-outline
go get -u -v github.com/acroca/go-symbols
go get -u -v golang.org/x/tools/cmd/guru
go get -u -v golang.org/x/tools/cmd/gorename
go get -u -v github.com/fatih/gomodifytags
go get -u -v github.com/davidrjenni/reftools/cmd/fillstruct
go get -u -v github.com/haya1988/gopkgs/cmd/gopkgs
go get -u -v github.com/golang/lint/golint
go get -u -v github.com/rogpeppe/godef
go get -u -v sourcegraph.com/sqs/goreturns
go get -u -v golang.org/x/tools/cmd/goimports

配置VSCode：

打开VSCode设置（点击左下角设置按钮或按下Ctrl+,），搜索并确保以下设置正确：




"go.goroot": "你的Go安装路径",
"go.gopath": "你的GOPATH路径",
"go.formatTool": "goimports",
"go.lintTool": "golint",
"go.buildOnSave": "workspace",
"go.buildFlags": [],
"go.lintOnSave": true,
"go.vetOnSave": true,
"go.generateTests": false,
"go.liveErrors": {
    "enabled": true,
    "delay": 1000,
    "count": 100
},
"files.autoSave": "off",
"editor.fontSize": 14,
"go.useCodeSnippetsOnFunctionSuggest": true,
"go.useCodeSnippetsOnFunctionSuggestWithoutType": true,
"go.inferGopath": true,
"go.gocodeAutoBuild": false

创建Go项目：
在GOPATH/src下创建相应目录结构，并编写Go代码。
编译运行Go程序：
在VSCode中，按下Ctrl+S保存文件，然后使用快捷键Ctrl+Shift+B编译程序，或者点击顶部状态栏中的运行按钮。

以上步骤配置了VSCode环境，以便开发Go语言程序。

- 阅读更多 -

vscode 调试运行python

System

2024-08-23

所有,python

在Visual Studio Code (VSCode) 中调试运行Python代码，你需要安装Python扩展并配置好Python解释器。以下是简要步骤和示例：

确保已安装Python和VSCode。
打开VSCode，安装Python扩展（如果尚未安装）。
打开包含Python代码的文件夹。
按Ctrl+Shift+P（或Cmd+Shift+P on Mac）打开命令面板，输入并选择“Python: Select Interpreter”，选择合适的Python解释器。
在代码编辑器中右键点击，选择“Run Python File in Terminal”。

如果你想设置自定义调试配置，可以按F5键进入调试模式，VSCode会生成一个默认的launch.json文件。

示例代码（hello.py）:




def main():
    print("Hello, World!")
 
if __name__ == '__main__':
    main()

执行以下步骤进行调试：

打开hello.py文件。
按F5开始调试。
VSCode会要求你选择或配置环境，选择Python环境。
选择或配置调试类型，通常默认的“Python File”就足够了。
调试器开始运行你的代码，并在终端中显示输出。

确保你的launch.json配置文件正确，它会包含调试类型、程序和参数等配置。如果你需要更多自定义配置，可以编辑launch.json。

- 阅读更多 -

【Python】Miniconda+Vscode+Jupyter 环境搭建

System

2024-08-23

所有,python

以下是搭建Miniconda、VSCode以及配置Jupyter的步骤：

安装Miniconda:
- 访问Miniconda官网下载对应操作系统的安装脚本: https://docs.conda.io/en/latest/miniconda.html
- 在终端运行下载的安装脚本，例如：
```
bash Miniconda3-latest-Linux-x86_64.sh
```
- 按照提示完成安装。
设置VSCode:
- 安装VSCode: https://code.visualstudio.com/
- 安装Python插件: 打开VSCode，按下Ctrl+Shift+X，搜索并安装Python插件。
- 设置Jupyter: 在VSCode中，按下Ctrl+Shift+P，输入Python: Select Interpreter，选择Miniconda安装的Python解释器。
配置Jupyter:
- 在终端中激活Miniconda环境，例如：
```
conda activate
```
- 安装Jupyter:
```
conda install jupyter
```
- 启动Jupyter notebook:
```
jupyter notebook
```
- Jupyter notebook服务启动后，在浏览器中打开的页面即可创建和运行Jupyter笔记本。

以上步骤完成后，你将拥有一个配置有Miniconda的Python环境，并通过VSCode编辑器运行Jupyter笔记本的开发环境。

- 阅读更多 -