美文网首页
macbook安装vscode

macbook安装vscode

作者: 爱的旋转体 | 来源:发表于2019-09-19 11:32 被阅读0次

    1.官网下载:

    693412F2-A7DE-47A5-8174-FFAC0C6CE8FC.png
    EE30EE5C-B347-4680-A639-4CBA57E5DDF8.png
    2.双击安装。
    3.安装插件:
    ①HTML Snippets html代码片段
    ②HTML CSS Support css智能提示
    ③vscode-icons 文件图标
    ④Path Intellisense 自带路径补全
    ⑤Npm Intellisense require 时的包提示
    ⑥ESLint
    ⑦Vetur
    ⑧vue
    ⑨Vue 2 Snippets
    ⑩Vue VSCode Snippets
    ⑪Chinese (Simplified) Language Pack for Visual Studio Code中文
    4.vscode设置中文:
    安装插件Chinese (Simplified) Language Pack for Visual Studio Code,然后重启。
    1568039036009.jpg
    5.settings.json:
    {
    "files.autoSave": "off",
    "eslint.run": "onSave",
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue-html",
    {
    "language": "vue",
    "autoFix": true
    },
    "html",
    "vue"
    ],
    "eslint.options": {
    "plugins": ["html"]
    },
    "emmet.syntaxProfiles": {
    "vue-html": "html",
    "vue": "html"
    },
    "git.autofetch": true,
    "javascript.updateImportsOnFileMove.enabled": "never",
    "files.associations": {
    "*.wxml": "css"
    },
    "files.exclude": {
    "**/.classpath": true,
    "**/.project": true,
    "**/.settings": true,
    "**/.factorypath": true
    },
    "editor.suggestSelection": "first",
    }
    

    6.安装ESLint插件后需要在终端执行以下命令:

    npm install -g eslint
    

    参考:1.https://www.jianshu.com/p/0bc70f94b36a
    2.https://segmentfault.com/a/1190000006697219

    相关文章

      网友评论

          本文标题:macbook安装vscode

          本文链接:https://www.haomeiwen.com/subject/mgnuyctx.html