vs code 前端插件配置

前期准备

请前往官网下载vs code

中文插件

刚安装好的vs code是英文界面，需要安装以下中文插件

安装中文插件

    安装完成后的界面如下

中文插件安装后界面

JavaScript (ES6) Code Snippets

---

用于VSCode编辑器的ES6语法中的JavaScript代码片段(同时支持JavaScript和TypeScript)。

JavaScript (ES6) Code Snippets

用惯了之后蛮提升效率的，比如js里敲imp，然后回车=>import moduleName from 'module';

ESLint

---

这个是最流行的代码风格检查插件，有超过670万的安装量，ESLint可以帮助我们检查Javascript编程时的语法错误。比如：在Javascript应用中，你很难找到你漏泄的变量或者方法。ESLint能够帮助我们分析JS代码，找到bug并确保一定程度的JS语法书写的正确性。

Node.js Modules IntelliSense

---

为JavaScript和TypeScript模块自动补全import语句。

Node.js Modules IntelliSense

Path IntelliSense

---

可以自动补全文件名，可以在输入时对本地文件进行智能提示。

Beautify

---

安装量超过230万，Beautify是jsBeautifier的插件，支持JavaScript、JSON、CSS和HTML一键格式化。

格式化前

格式化后

Live Server

---

在本地开发环境中，实时重新加载(reload)页面。

Vetur

---

为Vue框架提供语法高亮、代码片段、Emmet、格式化、代码风格检查、智能提示、调试帮助等。有非常详细的文档: vetur。

其它插件等待探索中.....