1.下载
Visual Studio Code下载网址:Download Visual Studio Code - Mac, Linux, Windows
以下安装和使用教程均针对Windows系统!!!
2.安装
下载好了之后双击运行安装。选择同意,再点击下一步。
勾选“添加到PATH”和“创建桌面快捷方式”,然后下一步。
点击安装,等待安装完成.......
打开软件的页面是这个样子的,菜单栏都是英文的。
3.汉化
根据以下红心1234的步骤进行。先点击1(拓展商店),再在搜索中输入Chinese,然后选择下载,最后重启软件。
以下就是重启软件后的页面了,可以看到菜单栏都已经变成中文的啦~
4.下载常用插件
Auto Close Tag:自动闭合HTML/XML标签
Auto Rename Tag :自动完成另一侧标签的同步修改
Beautify:格式化文件,如 html 、js、css
Bracket Pair Colorizer:给括号加上不同的颜色,便于区分不同的区块
ESLint:js语法纠错,可以自定义配置
HTML CSS Support:智能提示CSS类名以及id
JavaScript(ES6) code snippets:ES6语法智能提示,以及快速输入
jQuery Code Snippets:jQuery代码智能提示 Markdown Preview Enhanced:实时预览markdown
markdownlint:markdown语法纠错
Icon fonts:图标字体
Class autocomplete for HTML:智能提示HTML class =“”属性
Vetur:Vue多功能集成插件,错误提示等
React/Redux/react-router Snippets:React/Redux/react-router语法智能提示
Path Intellisense:自动提示文件路径
Icon fonts:图标字体
5.Visual Studio Code快捷键