1·下载VS code安装包
下载地址:https://code.visualstudio.com/
注意:VS Code支持多个平台,这里我们选择下载Windows x64版本安装包即可。
2·安装VS Code
双击下载的安装文件,一路下一步即可完成安装。
3·VS Code常用插件安装
VS Code 插件的作用是扩展 VS Code 编辑器的功能,让其变得更加灵活和强大。VS Code 专门提供插件商店,上面可以搜索所有插件,而且这些插件全部都是免费提供的。
前端程序员使用 VS Code 安装的常用插件如下:
1. 插件名称:Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
作用:将 VSCode 操作界面转换为中文,对英语不好的朋友,非常友好。
2.插件名称:Code Runner
作用:支持对各种编程语言语法高亮支持。
3.插件名称:Solidity
作用:支持 solidity 编程语言语法和编译 solidity 源文件
4. 插件名称:Live Server
作用:开启本地 Web 服务器
优点:一边编写前端代码一边保存,即实时刷新预览,大大提升开发测试效率
4. VS Code 常用快捷键
注意:快捷键不用去特意记忆,平时多敲代码,熟能生巧,实在记不起来可以找笔记查看一下
输入命令窗口:F1 或 Ctrl + Shift + P ,俗称万能键,可以在命令窗口中输入任何命令
单行注释: Ctrl + / (再按一次快捷键取消单行注释)
多行注释: Shift + Alt + A (再按一次快捷键取消多行注释)
删除代码: Ctrl + Shift + K
查找文件: Ctrl + P 根据名称查找文件
切换文件窗口: Ctrl + Tab
显示/隐藏侧边栏: Ctrl + B
查找内容: Ctrl + F
查找并替换内容: Ctrl + H
所有文件查找内容: Ctrl + Shift + F
所有文件查找并替换内容: Ctrl + Shift + F
选中所有匹配项: Ctrl + Shift + L ,可以同时完成修改(酷)
向左缩进: Ctrl + [
向右缩进: Ctrl + ]
在当前行下方插入空行(光标位置可以不在行尾): Ctrl + Enter
在当前行上方插入空行(光标位置可以不在行尾): Ctrl + Shift + Enter
查看所有快捷键: Ctrl + K + S
生成 HTML 模板:输入 ! 快速按 Tab