vscode怎麼打包vue項目? vscode中vue項目打包流程

Visual Studio Code想要實現本地輕松打包vue項目,該怎麼操作呢?下面我們就來看看詳細的教程。

vscode運行vue項目

不知道該怎麼運行vue項目的朋友可以參考該篇文章《vscode啟動vue項目的技巧》。

vscode打包vue項目

進入Visual Studio Code界面,選擇文件→首選項→設置

Visual Studio Code(代碼編輯器) v1.62.3 64位 中文免費綠色版

  • 類型:編譯工具
  • 大小:106MB
  • 語言:簡體中文
  • 時間:2021-11-24

查看詳情

打開settings.json文件

輸入

"npm.enableScriptExplorer":true,

保存

重啟Visual Studio Code,重新進入界面

在左側邊菜單欄底部出現NPM腳本菜單欄

裡面有三個命令

  • serve
  • build
  • lint

右鍵點擊build運行

執行完畢,打包文件夾dist成功生成

以上就是vscode中vue項目打包流程的全部過程,希望大傢喜歡,請繼續關註GuideAH。

相關推薦:

VSCode怎麼關閉文件斷點? VSCode閉文件中斷點的技巧

VSCode代碼怎麼生成圖片? Vscode漂亮的代碼截圖的實現方法

settings文件怎麼打開? VSCode打開並配置settings.json文件的技巧

閱讀更多: