vscode怎么使用vue框架? vscode開發(fā)vue框架的技巧

由于最近要使用的項目框架為前后端分離的,采用的是vue.js+webAPI的形式進行開發(fā)的。因為之前我沒有接觸過vue.js,也只是通過視頻文檔做了一些簡單的練習。今天我們就來熟悉下VSCode開發(fā)vue框架的方法。
打開 vscode
先創(chuàng)建一個vue的文件夾。并打開它
打開終端,輸入以下命令。將vue 代碼下載下來
npm install vue
等待下載完成。這里會顯示下載的進度
下載完成后,可以看到如下文件
找到dist 文件夾
首先需要的就是vue.js 文件。
這是vue的主文件
以上就是vscode使用vue框架的技巧,希望大家喜歡,請繼續(xù)關注腳本之家。
相關推薦:
VSCode怎么創(chuàng)建vue制作一個跑馬燈效果?
VisualStudio Code怎么按文件名搜索? vscode按文件名搜索的教程
VisualStudio Code怎么同時編輯多處?vscode同時編輯多處的三種方法
相關文章
VSCode小地圖怎么打開或關閉? VSCode設置小地圖的技巧
VSCode小地圖怎么打開或關閉?VSCode編輯代碼的時候,是可以打開一個小視窗的,也就是小地圖,該怎么打開呢?下面我們就來看看VSCode設置小地圖的技巧2021-10-18VSCode中LeetCode插件怎么安裝并使用? LeetCode插件安裝教程
VSCode中LeetCode插件怎么安裝并使用?VSCode中想要安裝LeetCode插件,該怎么安裝,安裝后該怎么使用呢?下面我們就來看看LeetCode插件安裝教程2021-10-18VSCode文件圖標主題怎進行美化? vscode文件圖標插件的用法
VSCode文件圖標主題怎進行美化?VSCode項目創(chuàng)建了很多文件,想要美化一下文件的圖標,方便查找和區(qū)分,該怎么美化呢?我們需要一個插件,下面我們就來看看vscode文件圖標插2021-09-22vscode怎么安裝插件? vscode插件的安裝的圖文教程
vscode怎么安裝插件?vscode中經(jīng)常需要安裝各種插件,該怎么搜索并安裝需要的插件呢?下面我們就來看看vscode插件的安裝的圖文教程2021-09-22- vscode如何刪除項目?vscode文件中有些項目想要刪除,該怎么刪除項目呢?我們只要關閉文件夾就能自動刪除項目,下面我們就來看看vscode關閉項目的技巧2021-09-14
vsCode怎么排序? VisualStudioCode排序設置為順序混合的技巧
vsCode怎么排序?vsCode可以設置排序的順序,該怎么根據(jù)自己的需要設置排序方式呢?下面我們就來看看VisualStudioCode排序設置為順序混合的技巧,詳細請看下文介紹2021-08-11VSCode底部狀態(tài)欄怎么隱藏? VSCode隱藏狀態(tài)欄的技巧
VSCode底部狀態(tài)欄怎么隱藏?VSCode底部有狀態(tài)欄,平時不太用,想要關閉,該怎么關閉狀態(tài)欄呢?下面我們就來看看VSCode隱藏狀態(tài)欄的技巧,詳細請看下文介紹2021-08-10vscode怎么僅在某個目錄搜索? vscode查找條件的設置方法
vscode怎么僅在某個目錄搜索?vscode搜索功能聽常用的,想要設置搜索的條件,比如只在某個目錄下進行搜搜查找,該怎么設置呢?下面我們就來看看vscode查找條件的設置方法2021-06-27VS Code忽略修剪空白怎么設置?VS Code忽略修剪空白設置方法
VS Code支持幾乎所有主流的開發(fā)語言的語法高亮、智能代碼補全、自定義熱鍵、括號匹配、代碼片段、代碼對比 Diff、GIT 等特性,那么我們在編程的過程中忽略修剪空白怎么設置2021-06-17Visual Studio Code忽略修剪空白怎么實現(xiàn)?
Visual Studio Code忽略修剪空白怎么實現(xiàn)?vscode編輯代碼的時候,想要設置忽略修剪空白,該怎么操作呢?項目我們就來看看詳細的教程,需要的朋友可以參考下2021-05-01