欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

前端开发工具安装及使用小结

程序员文章站 2022-06-01 20:39:11
...

1.下载安装VSCode和Chrome

- 打开浏览器搜索VSCode和Chrome,下载安装

VSCode下载地址:https://code.visualstudio.com/
Chrome下载地址:https://www.google.cn/chrome/


2.设置VSCode环境

- 主要是安装各类插件,安装方法如下:

前端开发工具安装及使用小结

前端开发工具安装及使用小结

- 搜索安装简体中文语言包

前端开发工具安装及使用小结

- 搜索安装live server:实时预览插件,使用方法如下:

前端开发工具安装及使用小结

- 搜索安装prettier-code formatter: 代码格式化插件,并设置

前端开发工具安装及使用小结

前端开发工具安装及使用小结

- 搜索安装markdown preview...: markdown 实时预览,使用方法如下:

前端开发工具安装及使用小结

- 搜索安装markdownlint: markdown 语法检查器


3.设置Chrome环境

- 使用检查器查看页面代码

前端开发工具安装及使用小结

前端开发工具安装及使用小结
前端开发工具安装及使用小结