Visual Studio Code (推薦)

Visual Studio Code（以下簡(jiǎn)稱vscode）是一個(gè)輕量且強(qiáng)大的代碼編輯器茎活，支持Windows，OS X和Linux牵囤。內(nèi)置JavaScript、TypeScript和Node.js支持，而且擁有豐富的插件生態(tài)系統(tǒng)膀藐，可通過(guò)安裝插件來(lái)支持C++、C#红省、Python额各、PHP等其他語(yǔ)言。

下載地址

Visual Studio Code

推薦插件

• open in browser 右鍵可選擇瀏覽器打開(kāi)文件
• Auto Close Tag 自動(dòng)閉合標(biāo)簽
• Auto Rename Tag 修改標(biāo)簽名吧恃，首位標(biāo)簽名自動(dòng)同步
• Beautify 代碼美化
• Color Picker 取色器
• ESLint 代碼規(guī)范檢查工具
• Quick Task 展示任務(wù)列表虾啦，以快速選擇執(zhí)行
• Vetur 開(kāi)發(fā)vue必備，集成多種工具
• vscode-icons 文件圖標(biāo)
• Import Cost 顯示引入文件大小
• Document This 注釋文檔生成器
• jQuery Snippets jQuery代碼片段提示
• NPM-scripts npm腳本快捷工具
• Chinese (Simplified) Language Pak for Visual Studio Code 漢化（簡(jiǎn)體）

推薦配置 setting.json

{
    "workbench.iconTheme": "vscode-icons",
    "files.autoSave": "onFocusChange",
    "editor.formatOnSave": true,
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
        "javascript", //  用eslint的規(guī)則檢測(cè)js文件
        {
            "language": "vue", // 檢測(cè)vue文件
            "autoFix": true //  為vue文件開(kāi)啟保存自動(dòng)修復(fù)的功能
        },
        // {
        //     "language": "html",
        //     "autoFix": true
        // },
    ],
    "eslint.options": {
        "configFile": ".eslintrc.js"
    },
    "docthis.includeAuthorTag": true,
    "docthis.includeDescriptionTag": true,
    "docthis.inferTypesFromNames": true,
    "docthis.enableHungarianNotationEvaluation": true,
    "docthis.authorName": "LeaFish <735683662@qq.com>",
    "docthis.includeDateTag": true,
    "window.zoomLevel": 0,
    "workbench.colorCustomizations": {
        "activityBarBadge.background": "#00BCD4",
        "list.activeSelectionForeground": "#00BCD4",
        "list.inactiveSelectionForeground": "#00BCD4",
        "list.highlightForeground": "#00BCD4",
        "scrollbarSlider.activeBackground": "#00BCD450",
        "editorSuggestWidget.highlightForeground": "#00BCD4",
        "textLink.foreground": "#00BCD4",
        "progressBar.background": "#00BCD4",
        "pickerGroup.foreground": "#00BCD4",
        "tab.activeBorder": "#00BCD4",
        "notificationLink.foreground": "#00BCD4",
        "editorWidget.resizeBorder": "#00BCD4",
        "editorWidget.border": "#00BCD4",
        "settings.modifiedItemIndicator": "#00BCD4",
        "settings.headerForeground": "#00BCD4",
        "panelTitle.activeBorder": "#00BCD4",
        "breadcrumb.activeSelectionForeground": "#00BCD4",
        "menu.selectionForeground": "#00BCD4",
        "menubar.selectionForeground": "#00BCD4"
    },
    "materialTheme.accent": "Cyan",
    "beautify.language": {
        "js": {
            "type": [
                "javascript",
                "json"
            ],
            "filename": [
                ".jshintrc",
                ".jsbeautify"
            ]
        },
        "css": [
            "css",
            "scss",
            "less"
        ],
        "html": [
            "htm",
            "html",
        ]
    },
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "editor.tabSize": 2,
    "explorer.confirmDelete": false,
}