手把手教你怎样设置好VS Code的WEB基础开辟情况（保姆级）
1. VS Code介绍微软旗下的多场景开辟情况软件，支持JAVA、C、C#、C++、WEB、VUE、CSS、HTML、Python等等等
如果你刚刚开始编程或者准备学习WEB，那么我猛烈建议你利用这款软件
[*]缺点：（针对初学者）
[*]必要安装各种各样的插件
[*]一些语言还必要对设置文件进行修改
2. 开始
步入正题，先去官网下载VSCODE
这里给出VSCODE的官网和下载地点
[*]官网：VS Code 官网
[*]直接下载地点：VS Code下载x64-1.94.1.exe
如果直接下载地点失效了，可以前去官网
https://i-blog.csdnimg.cn/direct/8a6399695bd7491fb8fe80f7a71adfe8.png
直接点击图片中红框的位置
在开始下载前记着这个安装包在电脑中的路径地点喔！
https://i-blog.csdnimg.cn/direct/71ce93ab746a44b38b3067901b486dbc.png
最后下载后，会得到这么一个.exe应用程序，这是一个安装包，双击打开它
https://i-blog.csdnimg.cn/direct/ba77408c81584b469e5c4dc4d7cb264f.png
打开后，全部点击下一步，直到点击 安装，让他自己安装即可
如果想把VS Code安装在其他的路径下面，可以自行在安装程序中更改，不出意外是可以改的
如果安装完成后还没有出现更改路径的选项可以按照图片步调做，将整个vscode文件夹更换地点
https://i-blog.csdnimg.cn/direct/65fd1fb10c62433e832f9daeb4c25af9.pnghttps://i-blog.csdnimg.cn/direct/476ac2bd69d848f0bb7ff71af3b0fb6e.png
https://i-blog.csdnimg.cn/direct/fcbf0454907648869f9e046df96e16a2.png
https://i-blog.csdnimg.cn/direct/3aee795232cf4bd292e094606455b9b4.png
3. 设置插件
安装完成后，打开VS Code
[*]在界面左侧，找到图标是几个小方块的功能，点击它
https://i-blog.csdnimg.cn/direct/219144bdca174879b5e9ee39b85b8cb9.png
[*]然后搜刮中文插件：Chinese
https://i-blog.csdnimg.cn/direct/8dc1a7e31c57406db20a9131dce61228.png
[*]找到这个插件，点击Intall安装
https://i-blog.csdnimg.cn/direct/c932898cde4849b2b3a15a853d4f95a5.png
当下图红框中的install没有了，和出现 uninstall 的时间，就可以把软件关闭重启了
https://i-blog.csdnimg.cn/direct/5c47f0ada9a846a0885a7ff3f28b447e.png
重新打开软件后
按下“Ctrl+Shift+P”组合键以表现“命令面板”，输入“ Configure Display Language ”命令。
选中后，按“Enter”，然后会按地区设置表现安装的语言列表，并突出表现当前语言设置。选择另一个“中文”以切换 UI 语言
https://i-blog.csdnimg.cn/direct/73d35266ffc741d983bec4a6816f7e16.png
https://i-blog.csdnimg.cn/direct/8efc072e5d54458ca50f8681b8815923.png
通过按键盘 上下键 选择项，按enter回车 确认
当选择到中文后，会要求你重启VS Code软件，这时间选择重启即可。
4. 最后
对于根本HTML编写，VS Code自己就会有一些代码提示。
比方Html文件，输入 “ ! ”英文状态下的感叹号，按下enter回车就会出现根本的代码，随后就可以开始编写了。
https://i-blog.csdnimg.cn/direct/02ae6f258a40400b99dbf1379b7b1c42.png
5. 其他优质插件
5.1 Bracket Pair Color DLW
https://i-blog.csdnimg.cn/direct/0bbd9b1949374b4c8c800d34568c5f8b.png
Bracket Pair Color DLW：可以让你代码中的括号出现差别的颜色高亮，以便于地区的区分
5.2 Codelf
https://i-blog.csdnimg.cn/direct/b85a0fbee7ff4d509bf1e21606d9f4f2.png
Codelf ：如果还在想某个变量的名称怎样定名，那么这款插件可以为你提供更多的变量名方案
5.3 css-auto-prefix
https://i-blog.csdnimg.cn/direct/611fdcbceabc49e8b17efe5def7cac98.png
css-auto-prefix：自动为你补齐css中剩余的代码，进步你的编写效率
5.4 open in browser（必备）
https://i-blog.csdnimg.cn/direct/83c22306222844cc88825c8eb82cc07d.png
open in browser：让你项目以差别的程序打开，最明显的就是Html，通过alt+b快捷键，非常的快捷
5.5 Prettier - Code formatter
https://i-blog.csdnimg.cn/direct/3ad909a5691e4e7b96129fe00e48abc0.png
Prettier - Code formatter：代码格式化器，让你的代码更加的雅观。它通过解析代码并利用自己的规则(考虑到最大行长度)重新打印代码，并在必要时包装代码，从而实现一致的风格。
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]