用idea打开VUE项目经常会使电脑处于卡顿状态，特别影响效率。一般情况，前端开发使用的开发工具为VS Code。
下面附上使用VS Code需要安装的插件：
前端使用vscode，常用插件：
- 名称: GitLens — Git supercharged（git工具）🔥
id: eamodio.gitlens
说明: 增强Visual Studio代码中内置的Git功能——通过Git blame注释和代码透镜，一眼就能看到代码作者的身份，无缝导航和探索Git存储库，通过强大的比较命令获得有价值的见解，等等。
版本: 10.2.1
发布者: Eric Amodio
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
- 名称: Vetur （vue工具包）🔥
id: octref.vetur
说明: Vue tooling for VS Code
版本: 0.24.0
发布者: Pine Wu
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=octref.vetur
- 名称：Auto Close Tag（标签自动闭合）🔥
id: formulahendry.auto-close-tag
说明: 自动添加HTML/XML关闭标签，与Visual Studio IDE或Sublime文本相同
版本: 0.5.6
发布者: Jun Han
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag
- 名称: Auto Rename Tag（首尾标签同步修改）🔥
id: formulahendry.auto-rename-tag
说明: 自动重命名配对的HTML/XML标签
版本: 0.1.1
发布者: Jun Han
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
- 名称: Prettier - Code formatter 🔥
id: esbenp.prettier-vscode
说明: 代码美化 & 格式化
版本: 3.20.0
发布者: Esben Petersen
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
- 名称: Live Server
id: ritwickdey.liveserver
说明: 为静态和动态页面启动带有实时重新加载功能的开发本地服务器
版本: 5.6.1
发布者: Ritwick Dey
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
- 名称: open in browser
id: techer.open-in-browser
说明: 这允许您在默认浏览器或应用程序中打开当前文件。
版本: 2.0.0
发布者: TechER
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser
- 名称: Path Autocomplete
id: ionutvmi.path-autocomplete
说明: 为visual studio代码提供路径完成。
版本: 1.13.3
发布者: Mihai Vilcu
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=ionutvmi.path-autocomplete
安装方法，打开对应链接后，点击打开 Visual Studio Code按钮，从vscode中打开，入下图：
在vscode中点击install按钮即可，如下图：
