關於vs code的下載與使用

下載

下載地址：https://code.visualstudio.com/

點擊下載，然後雙擊進行安裝即可…

下載相關插件

view -> Extensions

輸入對應的你需要下載的插件即可

常用插件推薦

1、vetur插件的安裝
該插件是vue文件基本語法的高亮插件，在插件窗口中輸入vetur點擊安裝插件就行，裝好後點擊文件->首選項->設置 打開設置界面，在設置界面右側添加配置
小問題：
在點擊 文件->首選項->設置 後出現的問題就是，頁面時如下所示，

如何切換到代碼頁面（點擊右上角紅框部分）

就可以的到如下圖所示

再將對應的配置代碼添加到右側框中即可

"emmet.syntaxProfiles": {
  "vue-html": "html",
  "vue": "html"
}

2、eslint插件的安裝

eslint智能錯誤檢測插件，在具體開發中作用很大，能夠及時的幫我們發現錯誤。至於安裝，同樣打開插件擴展窗口輸入eslint點擊安裝插件，裝好後也需要進行配置，在同vetur插件一樣的地方進行配置

"eslint.validate": [
        "javascript",
        "javascriptreact",
        "html",
        "vue"
    ],

 "eslint.options": {
        "plugins": ["html"]
}

vetur和eslint插件在配置中如下圖所示