打造把你宠坏的前端开发环境

朱老师<zhuyuseng@qq.com> 2019/1/14 星期一 下午 8:49:25
## 1月14日教学内容

### 1. 打造把你宠坏的前端开发环境

* 编辑器: `VSCODE`
* 游览器: `Chrome`

#### 1.1 编辑器: `VSCODE`

* `VSCODE`(visualstudio Code): 微软出品
* 下载网站: <https://code.visualstudio.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`: (可选)可临时执行几乎所有的主流编程语言

#### 1.2 浏览器: `Chrome`

* 各大应用***,百度,都可以下载
* 推荐插件:
  * `FeHelper`: (必装)WEB前端助手
  * `Web Developer`: (必装)Web开发工具箱
  * `charset` : (必装)设置字符编码集(浏览器原生不再支持)
  * `划词翻译` : (必装)替代浏览器自带翻译器

  * `AdBlock` : (可选)广告屏蔽
  * `Print Edit WE` : (可选) 实时编辑页面
  * `Save Page WE` : (可选) 保存页面并随时浏览
  * `极简二维码` : (可选) 将当前页面发送到手机继续浏览