欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vscode怎么使用vue框架? vscode开发vue框架的技巧

程序员文章站 2022-06-25 10:34:20
由于最近要使用的项目框架为前后端分离的,采用的是vue.js+webapi的形式进行开发的。因为之前我没有接触过vue.js,也只是通过视频文档做了一些简单的练习。今天我们就来熟悉下vscode开发v...

由于最近要使用的项目框架为前后端分离的,采用的是vue.js+webapi的形式进行开发的。因为之前我没有接触过vue.js,也只是通过视频文档做了一些简单的练习。今天我们就来熟悉下vscode开发vue框架的方法。

打开 vscode

vscode怎么使用vue框架? vscode开发vue框架的技巧

先创建一个vue的文件夹。并打开它

vscode怎么使用vue框架? vscode开发vue框架的技巧

打开终端,输入以下命令。将vue 代码下载下来

npm install vue

vscode怎么使用vue框架? vscode开发vue框架的技巧

等待下载完成。这里会显示下载的进度

vscode怎么使用vue框架? vscode开发vue框架的技巧

下载完成后,可以看到如下文件

vscode怎么使用vue框架? vscode开发vue框架的技巧

找到dist 文件夹

vscode怎么使用vue框架? vscode开发vue框架的技巧

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

这是vue的主文件

vscode怎么使用vue框架? vscode开发vue框架的技巧

以上就是vscode使用vue框架的技巧,希望大家喜欢,请继续关注。

相关标签: VSCode vue框架