首页  >  文章  >  web前端  >  vscode怎样引入vuejs框架

vscode怎样引入vuejs框架

藏色散人
藏色散人原创
2021-11-02 11:48:219430浏览

vscode引入vuejs框架的方法:1、打开vscode;2、创建一个vue的文件夹;3、打开终端,通过命令“npm install vue”下载vue;4、打开dist文件夹并找到vue.js文件即可。

vscode怎样引入vuejs框架

本文操作环境:windows7系统、vue2.9.6版,DELL G3电脑。

vscode怎样引入vuejs框架?

vscode使用vue框架:

打开 vscode

3fab7fd6bc39435bffc1d4db4085a50.png

先创建一个vue的文件夹

并打开它

0ff86d318c2003ac9178d8fab55890b.png

打开终端,输入以下命令

将vue 代码下载下来

npm install vue

1f9415f3881bf6995d684d97e61c060.png

等待下载完成

这里会显示下载的进度

e6dfa8627fd44e32a2ae339b2723af7.png

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

4c38bdfc33ed7c13f7c3391978cb18a.png

找到dist 文件夹

0c9a4ed5d7a0a8ac5799925c9188151.png

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

这是vue的主文件

609e9272811ef458586ce5321de3159.png

推荐:《最新的5个vue.js视频教程精选

以上是vscode怎样引入vuejs框架的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn