vscode怎样引入vuejs框架

2021-11-02 14:41:01 IT技术网 互联网
浏览

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

本文操作环境: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框架的详细内容,更多请关注dnjidi.com其它相关文章!