vscode编辑器插件安装与使用方法

vscode官网:https://code.visualstudio.com

操作手册:http://i5ting.github.io/vsc

Chrome插件网:http://www.cnplugins.com

* 设置中文:

  * `ctrl + shift + p / F1`,打开命令行

  * 选择: `Configular Language Display`

  * 将`en`修改成`zh-cn`

  * 保存并重启

* 推荐插件:

  * `Chinese (Simplified) Language`: (必装)中文简化语言包

  * `Beautify`: (必装)代码格式化

  * `Live Server`: (必装)实时运行代码

  * `Bracket Pair Colorizer`: (必装)括号自动配对检查

  * `vscode icons`: (必装)文件图标美化

  * `HTML CSS Support`: (可选)CSS扩展支持

  * `Color Highlight`: (可选)CSS颜色高亮

  * `Markdown Preview Enhanced`: (可选)实时预览Markdown文档

  * `markdownlint`: (可选)Markdown语法实时检查器

  * `Code Runner`: (可选)可临时执行几乎所有的主流编程语言

*插件详情:

Chinese--中文(简体)语言包

vscode-icons--文件图标(安装完成后,要在文件-首选项-文件图标主题中进行激活)

Beautify--代码格式化

Bracket Pair Colorizer--括号配对

HTML CSS Support--html css支持

Color Highlight--颜色高亮显示

Live Server--在本地创建服务器,直接运行代码(右键选择Open with Live Server,本地服务器主机IP:127.0.0.1:5500)

Code Runner--可以运行几乎所有的编程语言(C ,C++,Java,JS,PHP,Python,Perl,Ruby,Go,Groovy,PowerShell等 ),虽然没有安装后端语言的集成环境,但是仍然可以输出代码的运行结果

Markdown Preview Enhanced--创建Markdown文件(拓展名是md),用来写网络笔记(备课,做练习等),自动翻译成HTML代码(例如简书中的自媒体文章,都是用markdown写的自动生成html代码)

Markdownlint--自动校验Markdown语法正误

*浏览器: Chrome:

* 各大应用商店,百度,都可以下载

* 推荐插件:

  * `FeHelper`: (必装)WEB前端助手

  * `Web Developer`: (必装)Web开发工具箱

  * `charset` : (必装)设置字符编码集(浏览器原生不再支持)

  * `划词翻译` : (必装)替代浏览器自带翻译器

  * `AdBlock` : (可选)广告屏蔽

  * `Print Edit WE` : (可选) 实时编辑页面

  * `Save Page WE` : (可选) 保存页面并随时浏览

  * `极简二维码` : (可选) 将当前页面发送到手机继续浏览