vscode怎麼使用vue框架? vscode開發vue框架的技巧

由於最近要使用的項目框架為前後端分離的,采用的是vue.js+webAPI的形式進行開發的。因為之前我沒有接觸過vue.js,也隻是通過視頻文檔做瞭一些簡單的練習。今天我們就來熟悉下VSCode開發vue框架的方法。

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

  • 類型:編譯工具
  • 大小:77.9MB
  • 語言:簡體中文
  • 時間:2021-10-15

查看詳情

打開 vscode

先創建一個vue的文件夾。並打開它

打開終端,輸入以下命令。將vue 代碼下載下來

npm install vue

等待下載完成。這裡會顯示下載的進度

下載完成後,可以看到如下文件

找到dist 文件夾

首先需要的就是vue.js 文件。

這是vue的主文件

以上就是vscode使用vue框架的技巧,希望大傢喜歡,請繼續關註GuideAH。

相關推薦:

VSCode怎麼創建vue制作一個跑馬燈效果?

VisualStudio Code怎麼按文件名搜索? vscode按文件名搜索的教程

VisualStudio Code怎麼同時編輯多處?vscode同時編輯多處的三種方法

閱讀更多: