先決條件 你必須安裝好 Chrome 和 VS Code同時(shí)請(qǐng)確保自己在 VS Code 中安裝了 Debugger for Chrome 擴(kuò)展的最新版本在可以從 VS Code 調(diào)試你的 Vue 組件之前，你需要更新 webpack 配置以構(gòu)建 source map做了這件事。

這篇文章主要介紹了webpack搭建vue 項(xiàng)目的步驟，現(xiàn)在分享給大家，也給大家做個(gè)參考前期準(zhǔn)備webpackvuejsnpmnodejsES6語(yǔ)法由于本文內(nèi)容是通過(guò)npm來(lái)加載vue，所以開(kāi)始之前需安裝nodejs環(huán)境，安裝完成之后再執(zhí)行以下步驟創(chuàng)建項(xiàng)目mkdir vuedemo。

需要的朋友可以過(guò)來(lái)參考下，喜歡的可以點(diǎn)波贊，或者關(guān)注一下本人，希望可以幫到大家vuecli腳手架的優(yōu)勢(shì)有一套成熟的vue項(xiàng)目架構(gòu)設(shè)計(jì)，能夠快速初始化一個(gè)Vue項(xiàng)目vuecli是官方支持的一個(gè)腳手架，會(huì)隨本版本進(jìn)行迭代更新。

2在config官網(wǎng)描述的是configindexjs，所以需要根據(jù)具體的項(xiàng)目而定中添加如下配置3點(diǎn)擊運(yùn)行調(diào)試按鈕，再點(diǎn)擊設(shè)置按鈕，修改launchjson文件，配置如下4在vue項(xiàng)目的文件中設(shè)置斷點(diǎn) 5啟動(dòng)。