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: (可选)可临时执行几乎所有的主流编程语言

  • emmet:(可选）批量写重复代码

1.2 浏览器: Chrome

• 各大应用市场,百度,都可以下载
• 推荐插件:

  • FeHelper: (必装)WEB前端助手

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

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

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

  • AdBlock : (可选)广告屏蔽

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

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

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