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同時編輯多處的三種方法
閱讀更多:
- vscode怎麼打包vue項目? vscode中vue項目打包流程
- vscode運行vue項目需要配置什麼? vscode啟動vue項目的技巧
- Visual Studio Code無聲通知怎麼設置? 關閉vscode智能提示功能
- vscode怎麼導入圖片? vscode把圖片放進程序的技巧
- vscode自然語言搜索在哪? vscode啟用自然語言搜索的技巧