一、认识前端
前端 | 相关知识 |
---|---|
前端开发 | 前端开发是通过HTML、CSS、JavaScript 等技术、框架、解决方案来创建Web网页,从而实现与用户交互。 |
前端核心技术 | HTML (结构)、CSS(表现)、JavaScript(行为) |
前端未来发展 | 应用入口小程序化 营销页面小程序化 Web前后端融合为全栈开发 |
前端开发的意义 | 在万物互联的时代,更多的人、场景、知识将需要被更加紧密地联系在一起,有连接的地方就会有界面,有界面的地方就会有前端。 |
二、认识VSCode
VSCode | 相关知识 |
---|---|
VSCode | 一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。 |
VSCode常用插件 | Auto Rename Tag——自动重命名配对的HTML / XML标签 |
– | Background—— 修改背景,设置编辑器界面的背景图片 |
– | Debugger for Chrome—— js调试的插件,前端项目在Chrome中运行起来之后,可以直接在VSCode中打断点、查看输出、查看控制台 |
– | Beautify :——良好的拓展性,可以格式化JSON、JS |
– | Open in browser——这个插件是在默认游览器打开网页,可以预览,但是需要手动刷新内容 |
– | Code Spell Checker——代码拼写检查器,一个与camelCase代码配合良好的基本拼写检查程序。 |
– | Vscode-icons——显示Visual Studio代码的图标,目前该插件已被vscode内部支持:“文件” -> “首选项” -> “文件图标主题” |
– | Guides——显示代码对齐辅助线 |
– | Rainbow Brackets——为圆括号,方括号和大括号提供彩虹色。 |