由于最近要使用的项目框架为前后端分离的,采用的是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框架的技巧,希望大家喜欢,请继续关注www.887551.com。