大家好，我是考100分的小小码 ，祝大家学习进步，加薪顺利呀。今天说一说前端,希望您对编程的造诣更进一步.
前端
开发工具
Web前端开发，目前两款主流工具：WebstormVscode
Webstorm是一款针对前端的集成开发工具（IDE），研发公司是jetbrains，它提供社区版（免费）和商业版（付费），对于入门开发，社区版基本够用。优点是Webstorm环境集成比较完善，功能使用比较容易上手。
webstorm
https://www.jetbrains.com/webstorm/
VsCode
如果是追求定制化那么Vscode是你的首选，它是微软免费的开源代码编辑器，有插件生态比较完善。
vscode
https://code.visualstudio.com
关于VsCode主题
我个人喜欢使用solarized主题。一般来说酷黑是编程的首选主题，不过对于我来说，黑色看久了眼睛难受，所以我一般选择亮色偏暖的主题。
solarized
https://github.com/altercation/solarized
基本插件
Vscode的插件生态的确丰富，下面是我常用的一些插件：
Chinese Vscode中文汉化包
Auto Close Tag 自动闭合标签 。
Auto Rename Tag 尾部闭合标签同步修改。
Bracket Pair Colorizer 用不同颜色高亮显示匹配的括号。
Highlight Matching Tag 高亮选择的标签。
Vscode-icons VSCode 文件图标。
Code Spell Checker 单词拼写检查。
Improt Cost 导入包大小显示。
GitLens 查看Git信息。
Color Info 颜色查看。
CSS Peek 提示。
Prettier - Code formatter 代码格式化。
基本设置
打开vscode设置界面：在 Windows/Linux 上 -文件>首选项>设置在 macOS 上 -代码>首选项>设置
设置生效范围，优先顺序 文件夹 > 工作区 > 用户用户- 全局应用，所有项目都生效。工作区- 指定工作区生效。文件夹- 指定文件夹生效。
vscode也支持直接编辑配置文件，Ctrl+Shift+P (⇧⌘P) 打开命令面板，输入 Open Settings。
项目中使用Prettier和Eslint
项目开发前，我们会制定一些代码的规范，使用Eslint来进行代码检查，Prettier保证格式的一致性。
安装Eslint:
新建.eslintrc.js文件，下面是我的配置：
安装Prettier:
新建.prettierrc.js文件，下面是我的配置：
小结
本文介绍了我使用vscode中常用的一些插件和基础配置，欢迎留言交流。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://daima100.com/webstorm-ji-huo/7851.html