詳解VSCode配置啟動Vue項目
下載安裝并配置VSCode
隨便百度上搜個最新的VSCode安裝好后，點擊Ctrl + Shit + X打開插件擴展窗口進行插件擴展，這里要安裝兩個插件。
1、vetur插件的安裝
該插件是vue文件基本語法的高亮插件，在插件窗口中輸入vetur點擊安裝插件就行，裝好后點擊文件->首選項->設(shè)置 打開設(shè)置界面，在設(shè)置界面右側(cè)添加配置
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
}
2、eslint插件的安裝
eslint智能錯誤檢測插件，在具體開發(fā)中作用很大，能夠及時的幫我們發(fā)現(xiàn)錯誤。至于安裝，同樣打開插件擴展窗口輸入eslint點擊安裝插件，裝好后也需要進行配置，在同vetur插件一樣的地方進行配置
"eslint.validate": [
"javascript",
"javascriptreact",
"html",
"vue"
],
"eslint.options": {
"plugins": ["html"]
}
etur和eslint插件在配置中如下圖所示
導(dǎo)入項目并編譯
1、導(dǎo)入項目
從github上下載vuestic-admin項目（https://github.com/epicmaxco/vuestic-admin.git）,拉到本地后打開VSCode直接文件->打開文件夾 導(dǎo)入項目，Ctrl+shift+Y呼出控制臺，在控制臺終端輸入npm install添加包依賴
如果沒有安裝npm請先安裝npm。
2、運行項目
同樣在終于執(zhí)行npm run dev代表開始運行項目，這條命令會自動在瀏覽器上運行項目，運行結(jié)果如下圖所示，代表配置成功了。
以上所述是小編給大家介紹的VSCode配置啟動Vue項目詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了vue數(shù)據(jù)字典取鍵值方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
Vue3?封裝一個支持輸入和單/多選InputSelect組件-Antd詳解
Antd的Select組件默認不支持作為輸入框使用或手動添加選項,為了實現(xiàn)這一功能,我們封裝了一個通用組件,支持單選和多選模式,并允許用戶在組件失焦時手動輸入選項,主要通過定義searchText存儲輸入數(shù)據(jù),感興趣的朋友跟隨小編一起看看吧2024-09-09
vue引入新版 vue-awesome-swiper插件填坑問題
這篇文章主要介紹了vue引入新版 vue-awesome-swiper插件填坑問題，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
vue中Axios添加攔截器刷新token的實現(xiàn)方法
Axios是一款網(wǎng)絡(luò)前端請求框架，本文主要介紹了vue中Axios添加攔截器刷新token的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
最近在Vue項目中引入高德地圖,實現(xiàn)地圖展示與交互的方法和技術(shù),這里跟大家分享下,這篇文章主要給大家介紹了關(guān)于前端Vue3引入高德地圖并展示行駛軌跡動畫的相關(guān)資料,需要的朋友可以參考下2024-09-09
這篇文章主要介紹了淺談vue中.vue文件解析流程,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
這篇文章主要為大家詳細介紹了vue實現(xiàn)帶小數(shù)點的星星評分，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
vue提倡的是在方法中只有對數(shù)據(jù)的處理，所以提供了事件修飾符用于DOM的事件處理，下面這篇文章主要給大家介紹了關(guān)于Vue自定義組件使用事件修飾符的相關(guān)資料,需要的朋友可以參考下2021-05-05
vue+element UI中如何給指定日期添加標(biāo)記
這篇文章主要介紹了vue+element UI中如何給指定日期添加標(biāo)記問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-02-02
vue使用js-audio-recorder實現(xiàn)錄音功能
這篇文章主要為大家詳細介紹了vue如何使用js-audio-recorder實現(xiàn)錄音功能,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12