在使用vscode開發(fā)Vue項目的過程中，經(jīng)常會使用各種路徑，當(dāng)你想找到src目錄下的某個文件的時候，通常會用進(jìn)行定位，通過配置@路徑提示后，@就代表是src目錄下了，使用起來非常方便具體配置如下安裝插件Path Intelli。

可以看到，在 indexjs 文件中包含服務(wù)器 host 和 port 以及入口文件的相關(guān)配置，默認(rèn)啟動端口是 8080 ，這里可以進(jìn)行修改indexhtml 的內(nèi)容很簡單，主要是提供一個 div 給 vue 掛載mainjs 中， 引入了。

那么你可能需要在開發(fā)環(huán)境中配置 webpack 來處理 source map，這樣就能在控制臺中看到更為詳細(xì)的輸出信息不過，通常來說，在 Vue 項目中使用 consolelog 輸出內(nèi)容是非常簡單的，不需要進(jìn)行任何配置。

需要配置以下的所有命令例如需要用到vue文件需要先安裝vueloadervuestyleloader等加載器并做配置要使用es6語法，需要安裝babel和babelloader等加載器注意一條都不能配置漏，不然出現(xiàn)報錯可能影響往后的運(yùn)行與配置。

確保你已經(jīng)安裝了Vetur插件這是一個很受歡迎的Vue開發(fā)插件，可以支持Vue語法高亮智能提示代碼補(bǔ)全等功能在VSCode中，點擊左側(cè)的插件圖標(biāo)，搜索“Vetur”，然后安裝它如果你已經(jīng)安裝了其他的Vue插件，請嘗試禁用它們。

最近在配置vscode debugger，使用vscode調(diào)試vue頁面項目是jhipster搭的，前端部分目錄結(jié)構(gòu)大致如下在配置vscode debugger時遇到了一些問題最后我的launchjson部分內(nèi)容如下到這一步，vscode中的斷點已經(jīng)生效了，當(dāng)進(jìn)入到相應(yīng)。

但是vscode本身只是編輯器，開發(fā)編譯類語言需要自己配編譯環(huán)境，具體我沒配過前端開發(fā)不需要配編譯環(huán)境了，只需要把需要的各種庫工具在命令行界面安裝就行具體過程網(wǎng)上搜“從零開始搭建vue項目”剛建立好的項目一定是。