VSCODE：一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。注意：VSCODE适用于前端开发，仅仅是一个编辑器，并不是类似于Visual Studio 2015一样的IDE，是面向于前端开发的，这点不可混肴。优点：插件丰富，大大简化前端调试，可以直接在代码中进行断点，避免频繁切换谷歌控制台断点调试。这点对前端的JS代码来说
目录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
103阅读
Macbook Pro拥有一块神一样屏幕，不拿来做前端着实浪费，今天开始使用vscode进行前端学习，这里做一些记录，包括一些优质插件和使用技巧。插件主题One Dark Provscode最漂亮的主题，看代码非常优雅（以上个人观点），在插件仓库安装就会帮你自动换上.如果没换上，使用快捷键 ⌘+K(Windows Ctrl+K) 紧接着 ⌘+T(Windows Ctrl+T) 进入主题的设置，自己
转载
2023-10-29 21:31:20
89阅读
# 使用VSCode和Docker进行前端开发
## 简介
Visual Studio Code（简称VSCode）是一款由微软开发的免费、开源的代码编辑器，它支持多种编程语言，并且拥有丰富的插件生态。Docker是一个开源的应用容器引擎，它可以让开发者打包他们的应用以及应用的运行环境到一个可移植的容器中。本文将介绍如何使用VSCode和Docker进行前端开发。
## 环境准备
在开始之
## 用VSCode和TypeScript进行前端开发
在前端开发中，使用VSCode和TypeScript可以帮助开发人员更高效地编写和管理代码。VSCode是一个轻量级且功能强大的代码编辑器，而TypeScript是JavaScript的超集，提供了静态类型检查和更好的代码结构。
### 为什么选择VSCode和TypeScript？
- **强大的代码智能提示**：VSCode能够智能
https://www.cnblogs.com/karthuslorin/p/8577224.html
转载
2021-07-16 13:55:55
352阅读
第1集 前端主流编辑器VSCode安装简介：前端编辑器vscode安装前端编辑器 vscode：免费开源的现代化轻量级代码编辑器，⽀持⼤部分主流的开发语⾔的语法⾼亮、智 能代码补全、⾃定义热键、代码对⽐ Di
先说说，最近忽然对WEB前端开发有了点兴趣，然后跟着B站的教程练习敲代码。原来想偷懒用记事本敲，但是始终感觉有点不方便，所以后来用了notepad++（之前为了看JS代码装的）。然而，在学习中发现很多人用的是VSCODE，就有点纳闷。回想自己20年前也就用front page ，dream waver 之类的工具写网页。因为自己之前也装了VSCODE，用了一下感觉没啥特别的，还不如VS好用，也就没
转载
2023-10-02 09:54:14
701阅读
VS Code有各种各样的扩展，他们有代码调试相关的，代码格式相关的，各种开发技术（比如Github， Azure等等），以及IDE主题相关等等。本文，就罗列出2020年目前我最喜欢的10大扩展。Turbo Console Log 这个扩展可以自动的写有意义的log，从而让调试变得很容易。Quokka这个扩展可以在VS Code里面测试Javascript的代码，而不需要把它check
常用插件Auto Close Tag自动添加HTML / XML关闭标签（必备）Auto Rename Tag自动重命名配对的HTML / XML标签(必备)Beautify格式化javascript，JSON，CSS，Sass，和HTMLBootstrap 4 & Font awesome snippets包含Bootstrap 4＆Font aw...
转载
2021-08-02 14:42:12
312阅读
公司的游戏要开始定期发布安卓版本，各种渠道sdk版本有十个左右，将来也有增长的趋势，觉得用eclipse打包的话效率太低，就研究了下使用ant自动打包签名apk。其实eclipse打包无非也是使用android sdk以及jdk的一些命令，具体如下几个步骤：1. 生成应用的R.java2. 编译所有java文件为class文件3. 打包class文件和jar包为class.dex4. 打包asse
常用插件Auto Close Tag自动添加HTML / XML关闭标签（必备）Auto Rename Tag自动重命名配对的HTML / XML标签(必备)Beautify格式化javascript，
转载
2022-02-11 17:38:10
314阅读
常用插件Auto Close Tag自动添加HTML / XML关闭标签（必备）Auto Rename Tag自动重命名配对的HTML / XML标签(必备)Beautify格式化javascript，JSON，CSS，Sass，和HTMLBootstrap 4 & Font awesome snippets包含Bootstrap 4＆Font aw...
转载
2021-08-02 14:41:26
394阅读
Auto Close Tag 自动添加HTML / XML关闭标签 Auto Rename Tag 自动重命名
原创
2022-10-04 22:14:22
229阅读
1、下载 Remote-SSH 插件在 vscode 的扩展商店搜索 Remote-SSH，直接下载即可。2、编辑配置文件新建一个.txt文件，文件名和文件路径自取即可，在里面写上以下内容：Host xxx #服务器名字，自己随便写
HostName xxx.xxx.xxx.xxx #服务器ip地址
User xxx #自己在服务器中创建的用户名3、配置 Remote-SSH 插件
Debugger 是前端开发很重要的一个工具，它可以在我们关心的代码处断住，通过单步运行来理清逻辑。而 Debugger 用的好坏与断点打得好坏有直接的关系。Chrome Devtools 和 VSCode 都提供了 Debugger，它们支持的打断点的方式有 6 种。普通断点在想断住的那一行左侧单击一下就可以添加一个断点，运行到该处就会断住。 这是最基础的断点方式，VSCode 和 Chrom
一、vue前端项目打包过程1.vscode前端开发工具简介 Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件，我们针对性的收集了一些实用、有趣的插件与大家分享。1.Open-In-Browser由于 VSCode 没有提供直接在浏览器中打开文件
转载
2023-08-29 11:29:49
612阅读
前提对于开发者来讲，怎么科学合理的进行程序调试是至关重要的。调试工具可以协助开发者清晰的看到程序的走向以及程序每一步执行的详细信息。开发前端项目，比如 React,vue等，开发者可以直接在代码中插入 debugger 进行调试。Node 程序调试，我们可以借助开发工具 vscode 提供的能力进行操作。调试配置选择调试选项，create a lunch.json file
选择需要调试的环境，以
1-1 认识一下webpack 1、多个js 打包 2、将重要的和不重要的分隔开 3、预编译 首先有个问题 vs code 创建文件夹的方式 是 有些智障 这个地方还拦了我一下1-2 我们发现 使用 webpack 打包出现了很大的问题 ？(https://www.bilibili.com/video/BV1oK411p7SJ?p=3) 一直打包后报错 我们检查一下步骤 1、vs code 里面新
