前端所需要安装的环境和vs code的常用插件

环境:npm github  (代码管理工具视公司而定)

vs code 代码编辑器

vue相关: webpack node.js 

postman调试工具

php:phpstudy

各类浏览器

vscode 插件(自己用什么装什么就好了)

 

open in browser  打开浏览器用的必装

 

Prettier - Code formatter 代码格式化

 

px to rem 像素转rem

 

Regex Previewer 正则测试工具

 

RegExp Preview and Editor 也是正则

 

Simple icon theme 文件图标

 

SVG Viewer 可以让你使用vs code查看图片预览

 

TODO Highlight 代码管理实用工具可以 添加备注后可以快速各个文件查找进度 详情自己百度

 

Quokka.js 它会在你输入代码后立即运行，并且在代码编辑器中显示各种执行结果。

 

Auto Close Tag 自动闭合标签

 

Auto Rename Tag 实现前后标签同时修改

 

Bracket Pair Colorizer 字符高亮

 

change-case 命名修改

 

Chinese (Simplified) Language Pack for VS Code 中文

 

Color Info 调色盘

 

CSS Peek  标签放大镜可以看这个标签的属性

 

Debugger for Chrome 谷歌调试器

 

Dracula Official 颜色主题(无所谓的东西)

 

ESLint ES6代码检查工具

 

highlight-matching-tag 前后标签提示

 

HTML Boilerplate  H5骨架生成

 

HTML CSS Support   css属性提词器

 

HTML Snippets   H5新标签速写

 

Icon Fonts 字体图标

 

jshint  代码规范检查工具 设置参考:https://blog.csdn.net/mao834099514/article/details/78789915 

 

Kary Pro Colors 代码颜色

 

Live Server  实现代码热更新

php:

minify html/css/js 代码整理

 

SQL Server (mssql) 数据库代码提示

 

小程序:

 

minapp 微信小程序标签、属性的智能补全

 

wepy snippets   wepy框架代码片段

 

wxapi snippets wxapi 代码片段

Vue:

 

Vue 2 Snippets 提词器

 

Vue VSCode Snippets  vue代码块  .vue的文件使用 vbase快速生成骨架,其他功能自己看

 

Vetur 语法高亮

 

React

vscode-fileheader  添加文件头 

 

 

Full React/React Native/React Router/Redux/GraphQL/ES7/Testing/PropTypes snippets  代码块

 

React/Redux/react-router Snippets