# 使用VSCode和Docker进行前端开发
## 简介
Visual Studio Code（简称VSCode）是一款由微软开发的免费、开源的代码编辑器，它支持多种编程语言，并且拥有丰富的插件生态。Docker是一个开源的应用容器引擎，它可以让开发者打包他们的应用以及应用的运行环境到一个可移植的容器中。本文将介绍如何使用VSCode和Docker进行前端开发。
## 环境准备
在开始之
原创
2024-07-23 10:24:33
72阅读
一、电脑首先想学习前端肯定是需要一台电脑，配置方面目前市面上3千左右的电脑就差不多了，如果有能力的话肯定是越高越好，如何挑选笔记本可自行搜索，我在这方面不专业就不讲了。二、安装软件谷歌浏览器如果无法访问谷歌浏览器官网的话，可以来这里下载腾讯软件中心，可能版本不是最新的，不过也够用了。 安装完成后打开谷歌浏览器，我们可以看到以下界面。主要由三部分组成标签页、网址（URL）和内容。VS Codehtt
目录1、Vscode的安装2、安装Vscode的插件3、配置文件总结 1、Vscode的安装在ubuntu下的软件库中值接搜索Visual Stdio Code 直接进行安装就可以 如图所示（我这里已经安装好了）还可以在官网进行下载安装包：https://code.visualstudio.com/Download下载好然后进行解压命令：sudo dpkg -i code_1.51.0-1604
转载
2023-08-30 22:58:09
122阅读
# 在 VSCode 中使用 Docker 打包和部署前端项目
随着现代web开发的进步，Docker已成为部署前端应用程序的重要工具。本文将详细教你如何在 VSCode 中使用 Docker 打包和部署你的前端应用。我们将分步骤进行，确保你能顺利完成整个过程。
## 整体流程
以下是整个打包和部署流程的步骤表：
| 步骤 | 描述
原创
2024-10-10 05:50:15
489阅读
前端开发软件DreamWareSublimeWebStromHBuilderXVSCodeVSCode是微软曾经的一个web项目，后来瞄准了Github团队推出Atom编辑器时，开发的一个框架Electorn。1. 安装VSCode1.1 下载地址Visual Studio Code - Code Editing. Redefined 官方地址 官方地址下载太慢，我们可以使用国内的下载位置建议使用
1.安装进入官网下载https://code.visualstudio.com/一直下一步就好了，中间可以选择把软件安装在哪个目录。2.常用插件安装a. 进入扩展视图界面安装/卸载 a1.快捷键：Ctrl+shift+x； a2.查看——>扩展； a3.点左侧边框的扩展图标
转载
2023-11-24 19:56:14
340阅读
Macbook Pro拥有一块神一样屏幕，不拿来做前端着实浪费，今天开始使用vscode进行前端学习，这里做一些记录，包括一些优质插件和使用技巧。插件主题One Dark Provscode最漂亮的主题，看代码非常优雅（以上个人观点），在插件仓库安装就会帮你自动换上.如果没换上，使用快捷键 ⌘+K(Windows Ctrl+K) 紧接着 ⌘+T(Windows Ctrl+T) 进入主题的设置，自己
转载
2023-10-29 21:31:20
110阅读
VSCode 开发前端插件一、VUE(开发vue)vueVue 2 SnippetsVue VSCode SnippetsVeturVuter二、AutoAuto Rename TagAuto Close Tag三、BeautifyBeautify四、ESLintESLint五、Code RunnerCode Runner六、CSSCSS ModulesCSS Peekcssrem七、小程序mi
Docker:云计算时代，虚拟化技术是整个信息技术的基石。虚拟化技术既可以通过硬件模拟也可以通过操作系统来实现。今年的容器虚拟化方案更加充分的利用了操作系统本身的已有机制和特征，Docker就是其中的佼佼者。 问题: 什么是Docker？, Docker跟虚拟化的关系? Docker跟Linux容器技术的密切联系？Docker: 是基于Go语言实现的云开源项目，其目标是为了实现应用组件级
转载
2024-09-04 07:36:54
54阅读
## 用VSCode和TypeScript进行前端开发
在前端开发中，使用VSCode和TypeScript可以帮助开发人员更高效地编写和管理代码。VSCode是一个轻量级且功能强大的代码编辑器，而TypeScript是JavaScript的超集，提供了静态类型检查和更好的代码结构。
### 为什么选择VSCode和TypeScript？
- **强大的代码智能提示**：VSCode能够智能
原创
2024-05-21 07:10:04
48阅读
https://www.cnblogs.com/karthuslorin/p/8577224.html
转载
2021-07-16 13:55:55
352阅读
第1集 前端主流编辑器VSCode安装简介：前端编辑器vscode安装前端编辑器 vscode：免费开源的现代化轻量级代码编辑器，⽀持⼤部分主流的开发语⾔的语法⾼亮、智 能代码补全、⾃定义热键、代码对⽐ Di
转载
2024-10-29 09:42:04
78阅读
最近在地平线的SDK X3上做开发，有高手做了一些编译方法的对比：[X3容器应用开发探索-0]开篇：从裸机编译到交叉编译X86 Qemu for Hobot X3 PI(AARCH64) vs Hobot X3 PI这里想借助Docker编译提速，做个笔记： 目录一、Docker 安装二、系统镜像载入2.1 ISO系统镜像转Docker镜像2.2 Docker镜像载入针对地平线提供的docker镜
转载
2024-06-01 17:19:04
498阅读
查看本地PHP应该下载的xdebug版本点击进入网址 https://xdebug.org/wizard 将本地phpinfo的信息复制放到文本框中就可以查看与本地适配的xdebug版本按指令安装xdebug按照上面的步骤下载文件，移动文件到指定文件夹。这样就可以在本地成功的debug文件。本地能调试本地网站项目PHPSTORM首先需要配置一下运行的环境，点击下面截图中的配置这里面只需要配置一下运
转载
2023-09-22 22:53:48
185阅读
利用VSCode集成并连接远程服务器Docker为什么要使用VSCode管理docker 为什么要使用VSCode管理docker官网地址：https://code.visualstudio.com/docs/containers/overview The Docker extension makes it easy to build, manage, and deploy containeri
转载
2023-08-30 17:25:25
192阅读
前言因为之前我电脑安装的是windows10家庭版，然而windows10家庭没有Hyper-v功能。
搜索了几篇windows10家庭版安装docker相关的博客，了解一些前辈们走过的坑。
很多人回复评论windows10家庭版真能启动Hyper-v,成功安装上dockerdesktop。
本来略有信心的，然而道路很曲折，几乎把全网的解决办法都尝试了，最后也没有成功。
算下来花费的的时间，还不如
转载
2024-05-31 13:43:54
43阅读
一、前言容器使用沙箱机制，互相隔离，优势在于让各个部署在容器的里的应用互不影响，独立运行，提供更高的安全性。本文主要介绍python应用（django）跑在docker容器里，编写dockerfile实现镜像构建自动化以及docker神器compose。二、编写Dockerfile文件 官网下载的python镜像比较精简，web应用相关依赖还是需要自己安装的。编写Dockerfile，可以让你构
转载
2023-08-22 16:22:03
245阅读
在vscode中使用xdebug调试PHP调试分两种：本地调试和远程调试本地调试本地调试需要前提：第一、php安装xdebug扩展。如果已经安装过php，可以使用php -m | grep xdebug来检查是否安装了xdebug。 没有安装xdebug，可以使用 apt-get install php-xdebug 来安装。 然后使用php --ini找到php.ini文件的位置。 然后修改ph
转载
2023-09-09 20:37:01
177阅读
前言使用 Docker 与 VS Code 可以优化整个本地开发环境，加速项目进度过程。在所有环境中使用相同的基础映像，为所有开发人员提供相同的编辑器工具，可以更容易实现标准。大型项目的团队首先必须确保安装依赖、内核版本这些开发环境是统一的。为了解决开发环境一致性的问题，常规传统的办法就是制定开发人员遵循制定指南，但是尽管如此实际开发过程还是会遇到各种障碍。设置环境的常规方法如下图所示： 
转载
2023-12-12 11:38:18
86阅读
Why——为什么整这种活在实际开发中，我们遇到了以下类型的问题：1. 不同工程对nodejs版本要求不一样比如我们的工程A是基于angularjs1.5的，它要求nodejs版本为11.0.0， 而工程B是基于vue+vite的，vite要求nodejs版本需要大于12.0.0。尽管有nvm来管理nodejs版本，但它仍旧存在以下问题：全局环境污染比如angularjs工程是基于gulp的，所以需
转载
2024-08-15 09:33:50
130阅读
