2022新版前端开发工具vscode使用教程之下载安装详解

IDE（Integrated Development Environment，集成开发环境）是含代码编辑器、关键词高亮、智能感应、智能纠错、格式美化、版本管理等功能于一身的 "高级代码编辑器"

每个IT工程师都要有自己顺手的IDE，它是我们的武器

要理解无论使用什么IDE编写出来的代码，本质上都是 "白底黑字" 的，都是 "纯文字" 的

前端开发主流的 IDE

IDE名称	公司	是否免费	功能强大度
Visual Studio Code	微软	是	强大（推荐）
Sublime	个人开发者	是（需要注册）	适中
Atom	GitHub	是	适中
WebStorm	JetBrains	否	非常强大
HBuilder	DCloud	是	非常强大

为什么现在不用 Dreamweaver 了

Dreamweaver 是曾经网页制作的王牌IDE，推崇 "所见即所得" ，用拖拽控件的方式进行网页开发

但近几年，前端开发技术，形式已经发生了根本性的变化，Dreamweaver现在不是前端工程师的主流选择了

Visual Studio Code 简介

Visual Studio Code 简称 VSCode ，来自微软公司，优点：内置功能非常丰富、插件全且安装简单、轻量、有 MAC版本。

VSCode 下载

官方网站：https://code.visualstudio.com/ 下载最新版本的 VS Code

蓝色按钮会自动识别电脑操作系统，到适合的版本，只需要点击下载即可

window 版 VScode 安装流程

（1）下载 Vscode 安装文件

点击上面的下载之后，它会跳转至一个新页面：

（2）下载完成vscode单击运行，然后我们开始进行安装

（3）选择安装的位置

（4）选择开始菜单文件夹

你想在哪里放置程序的快捷方式，默认即可

（5）选择附加任务

将以下四项都勾选上，桌面快捷方式需要就添加即可
添加到PATH：添加到系统环境变量中，勾选后，即可在命令行中使用 code . 即可打开Vscode

（6）准备安装

正在安装

安装完成

温馨提示

本教程有配套的2节课的操作视频，如果不会可以到主页找到我们，可以获取vscode的详细安装教程哦！

2022新版前端开发工具vscode使用教程之下载安装详解相关推荐

前端开发工具 —— VSCode - Snipaste - Photoshop - Fireworks - Icomoon字库
视频参考:https://www.bilibili.com/video/av80149248 笔记参考:https://www.bilibili.com/video/av78942920/?spm_i ...
JavaScript开发工具WebStorm入门教程：如何安装WebStorm
WebStorm是jetbrains旗下一款JavaScript 开发工具,被广大JS开发者誉为"Web前端开发神器""最强大的HTML5编辑器""最 ...
鸿蒙系统开发工具DevEco Studio 2.2下载/安装教程
鸿蒙开发包括鸿蒙应用开发(手机app)和鸿蒙设备开发(硬件开发)两大部分,其中设备开发又包括TV,音响,眼镜,手表,PC,平板,汽车,耳机以及未来的各种智能家居,手机作为一个超级终端,与各种设备实现互 ...
qt及qt quick开发实战精解_Qt5实战001：Qt 5.15下载安装详解
什么是QT Qt是一个款跨平台的C++图形用户界面应用程序开发框架,支持包括不限于Windows.Linux.Mac OS X.Android.iOS.WinCE.Unix等平台.Qt 可以绘制漂亮的 ...
前端开发工具 vscode 使用技巧篇：控制台由powershell切换为cmd方法，windows下新旧版控制台cmd与powershell互切方法
vscode 控制台切换方法可以看到右上角是 powershell 不是 cmd. 通过 ctrl+shift+p,搜索出默认的 shell. 然后选择 cmd. 最后重启 vscode 就好了. ...
前端开发工具——VScode的使用
1.双击打开软件. 2.新建文件(Ctrl+N). 3.保存(Ctrl+S),保存为.html / .css / .js的文件. 4.Ctrl+加号键,Ctrl+减号键,和放大缩小视图. 5.快捷生成 ...
前端开发学习路径之阶段七：BootStrap详解
Bootstrap,来自 Twitter,是目前最受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JavaScript的,它在jQuery的基础上进行了更为个性化和人性化的完善,形成一 ...
【HarmonyOS】开发工具【DevEco Studio】下载安装
需要环境1:下载地址:[https://developer.harmonyos.com/cn/develop/deveco-studio#download] 需要环境2:下载地址:[https://n ...
菜鸟教程nginx视频_nginx菜鸟教程：Ngnix安装详解
nginx可以使用各平台的默认包来安装,本文是介绍使用源码编译安装,包括具体的编译参数信息. 正式开始前,编译环境gcc g++ 开发库之类的需要提前装好,这里默认你已经装好. ububtu平台编译环 ...