（二）从零学习VUE-工具准备篇

• 安装 Node.js ，选择 LTS版
• 安装 VsCode 最新版

• 安装 VsCode 插件

  • 插件目录
    
    • christian-kohler.npm-intellisense 只能感知 代码提示
    • DotJoshJohnson.xml] XML的格式化 XML树结构，Xpath，Xquery等都支持了
    • ESLint [dbaeumer.vscode-eslint] 经常写js的需要用，最好的js静态分析软件 构建过程中检查代码风格以外；还可以通过将ESLint和代码编辑器相结合以提供代码风格的实时校验
    • Path Intellisense [christian-kohler.path-intellisense] 文件路径补全，在你用任何方式引入文件系统中的路径时提供智能提示和自动完成
    • npm Intellisense [christian-kohler.npm-intellisense] NPM 依赖补全，在你引入任何 node_modules 里面的依赖包时提供智能提示和自动完成
    • leizongmin.node-module-intellisense 同理
    • HTML Snippets [abusaidm.html-snippets] 主要提供HTML 5的全部TAG不全，着色，还有有用的TAG片段
    • bukas.GBKtoUTF8 格式转化
    • PowerShell [ms-vscode.powershell] PowerShell脚本的语法高亮，代码补全，提示，代码片段，跳转等等
    • EditorConfig.EditorConfig 帮助开发者在不同IDE中保持一致的代码风格。工程中有.editorconfig配置文件及使用的IDE默认支持EditorConfig或安装插件支持即可
    • HTML CSS Support [ecmel.vscode-html-css] 写前端的必备，确实，我业余会写下前端。主要支持class，id属性补全，远程css。js，jade模版，vue文件等
    • eg2.tslint
    • Auto Close Tag [formulahendry.auto-close-tag] 适用于 JSX、Vue、HTML，在打开标签并且键入 “《/” 的时候，能自动补全要闭合的标签
      -emmanuelbeziat.vscode-great-icons VsCode中的图标插件，可以控制vscode中的文件管理的树目录显示图标
    • ElemeFE.vscode-element-helper 是一款集成了文档浏览、代码片段、自动补全的 Atom 插件
    • Prettier - JavaScript formatter [esbenp.prettier-vscode] 可以格式化你的js，typescript css代码，让你的代码更好看
    • seesharprun.view-in-default-application
    • sysoev.language-stylus 提供stylus文件支持
    • Auto Rename Tag [formulahendry.auto-rename-tag] 适用于 JSX、Vue、HTML，在修改标签名时，能在你修改开始（结束）标签的时候修改对应的结束（开始）标签，帮你减少 50% 的击键
    • ionutvmi.path-autocomplete
    • C# [ms-vscode.csharp] C#太重了，还是用Visual Studio把，别用VSCode。
    • k–kato.docomment 自动生成C#注释
    • msjsdiag.debugger-for-chrome google 环境配置
    • octref.vetur
    • Docker [PeterJausovec.vscode-docker] 提供Dockerfile和docker-compose文件的语法高亮，命令的高亮，还有代码提示与检测
    • JerryHong.autofilename 文件路径提示
    • Setting Sync [Shan.code-settings-sync] 跨机器同步VSCode的配置，需要用到github的gist
    • mkxml.vscode-filesize 在左下角显示文件大小.
    • SirTori.indenticator
    • spywhere.guides
    • vscode-icons [robertohuertasm.vscode-icons] 专给vscode的图标插件，它根据不同的文件后缀类型，用相应的文件类型LOGO标记出文件区别。
    • JavaScript (ES6) code snippets [xabikos.javascriptsnippets] ES6标准的js代码片段补全
    • Intellisense for CSS class names [Zignd.html-css-class-completion] CSS 类名补全，会自动扫描整个项目里面的 CSS 类名并在你输入类名时做智能提示

• 注意：上边是我开发用到的插件，还是比较好用，还有更多插件，请参考下边的博客 所有的插件解释全是参考下边的博客【如果有侵权，请留言】

• 插件安装：
• 
• 参考博客 ：
• http://www.cnblogs.com/foohack/p/7773061.html