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: (可选) 保存页面并随时浏览 -
极简二维码: (可选) 将当前页面发送到手机继续浏览
-