本文面向纯前端小白,没啥新鲜的全是基本操作,已入门的同学请绕行。
一、安装
一、进入vscode官网Visual Studio Code - Code Editing. Redefinedcode.visualstudio.com
这块是根据操作系统选安装包。对号入座,选Stable即可。
macOS 用户直接解压.zip,点击.app安装,请跳转至步骤三
二、windows用户安装选项
MAC用户直接安装即可
请无脑下一步,看到这个注意下选项,按图中勾选
创建桌面快键方式:在桌面创建一个带小箭头的图标
将“通过code打开”操作添加到...:当你右键一个文件/文件夹,呼出的菜单中会多一个选项“通过code打开”,比较方便编辑代码
添加到PATH:默认勾选,就勾着吧
二、一些插件
中文语言包 - Chinese (Simplified) Language Pack for Visual Studio Code
关闭,重新打开vscode,中文语言包即可生效
在vscode中快速打开html文件 - open in browser
安装完成之后,当你右键html文件时,会多出以下两个选项
Open In Default Browser:使用默认浏览器打开html文件
Open In Other Browsers: 使用其他浏览器打开html文件
三、一些小技巧
ctrl/command + p 呼出搜索框
搜索框有两个功能:> 开头,优先搜索一些快捷功能
2. 直接搜索文件名
添加code指令到shell
ctrl/command + p,搜索code,按下图选择:
如此,可以在cmd窗口/终端中,执行 code . 用vscode打开当前目录