1、进入官网https://code.visualstudio.com/Download
最好下载压缩包 。zip
解压到非系统盘(C盘),文件夹最好不要出现中文和空格,我解压到D盘,直接运行code.exe即可
2、将vscode修改为中文环境
搜索“chinese” 点击“insatll 下载安装中文语言包
3、将vscode重启
就是中文界面了
4、安装相关插件
1、修改 html 标签,自动帮你完成头部和尾部闭合标签的同步修改
2、Code Spell Checker 代码拼写检查器
一个与camelCase代码配合良好的基本拼写检查程序。
此拼写检查程序的目标是帮助捕获常见的拼写错误,同时保持误报数量较低。
3、vscode-icons
显示Visual Studio代码的图标,目前该插件已被vscode内部支持:“文件” -> “首选项” -> “文件图标主题”
4、Guides 显示代码对齐辅助线
5、Import Cost 对引入的计算大小
6、HTML Snippets 提示完整的HTML代码提示,包括HTML5
7、Bracket Pair Colorizer给代码中的括号添加亮色 便于区分
8、Auto Close Tag (自动补全标签 )
9、Class autocomplete for HTML (自动补全class="" 属性)
10、.Debugger for Microsoft Edge (打断点 映射vscode上到Microsoft Edge 上 方便调试) 我喜欢这个浏览器调试
11、Beautify 美化代码