使用vscode配置啟動vue項目的方法

這篇文章主要介紹使用vscode配置啟動vue項目的方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創新互聯長期為成百上千家客戶提供的網站建設服務，團隊從業經驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯網生態環境。為江城企業提供專業的成都做網站、成都網站建設，江城網站改版等技術服務。擁有十年豐富建站經驗和眾多成功案例,為您定制開發。

注意：這個是1.2版本的配置。

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插件在配置中如下圖所示：

使用vscode配置啟動vue項目的方法