前端开发工具vscode

一、下载安装

https://code.visualstudio.com/

二、安装插件
前端开发工具vscode_第1张图片

三、使用

①、创建一个空目录

②、利用vscode工具打开该目录
前端开发工具vscode_第2张图片
③、将该目录设置为工作区
前端开发工具vscode_第3张图片
前端开发工具vscode_第4张图片

在工作区中添加文件,还可以进行浏览器访问(提前安装了Live Server插件)
前端开发工具vscode_第5张图片

===============================================================

为工具添加代码片段

相当于模板代码的设置,便于后续快速开发重复性代码
前端开发工具vscode_第6张图片
前端开发工具vscode_第7张图片
添加上名称,然后创建
前端开发工具vscode_第8张图片
前端开发工具vscode_第9张图片

你可能感兴趣的:(vscode,ide,编辑器,前端)