00-前端开发和前端开发工具

最新推荐文章于 2024-06-17 10:55:15 发布

Coder_3body

最新推荐文章于 2024-06-17 10:55:15 发布

阅读量930

点赞数 1

分类专栏： Web前端文章标签：前端

本文链接：https://blog.csdn.net/weixin_44678356/article/details/119491341

版权

Web前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文介绍了软件开发中前端工程的角色演变，从后端职责分化到独立的前端开发领域，尤其是在2005年和2010年的重要发展。同时，详细阐述了VSCode的下载、安装及配置过程，包括设置中文、安装插件、调整字体大小和配置其他开发环境。此外，还推荐了必备的开发插件和设置，以提升开发效率。

摘要由CSDN通过智能技术生成

一、软件开发流程

最初所有的开发工作都是由后端工程师完成的，随着业务越来越繁杂，工作量变大，于是我们将项目中的可视化部分和一部分交互功能的开发工作剥离出来，形成了前端开发。
大约从2005年开始正式的前端工程师角色被行业所认可，到了2010年，互联网开始全面进入移动时代，前端开发的工作越来越重要。
在这里插入图片描述

二、VS Code

1、下载和安装

https://code.visualstudio.com/Download

2、配置中文插件

1、首先安装中文插件：Chinese (Simplified) Language Pack for Visual Studio Code
2、右下角弹出是否重启vs，点击“yes”
有些机器重启后如果界面还是英文，则点击左边栏Manage -> Command Paletet…【Ctrl+Shift+p】
3、在搜索框中输入“configure display language”，回车
4、选择 zh-cn
在这里插入图片描述

3、其他插件安装

为方便后续开发，建议安装如下插件
在这里插入图片描述

4、设置字体大小

左边栏管理-> 设置-> 搜索 “font” -> Font size

5、其他设置

vscode配置信息

{
  "editor.fontSize": 14,
  "editor.tabSize": 2,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "prettier.semi": false,
  "prettier.singleQuote": true,
  "workbench.colorTheme": "Default Light+",
}