当前位置:首页 » 《资源分享》 » 正文

手把手教会你!如何快速在VSCode创建一个VUE项目|前端菜鸟进阶版

9 人参与  2024年05月01日 08:50  分类 : 《资源分享》  评论

点击全文阅读


对于刚上手的朋友,我们可以先来了解一下什么是vue:

VUE:渐进式javaScript框架。

什么是JS(JavaScript):我封装好一个函数,这个函数可以给其他人调用,这个就是一个js

什么是框架:框架的规则。

在项目开始创建之前,我们需要做好以下几点准备,具体操作可在官网下载。

前提条件:

已安装 16.0 或更高版本的 Node.js已搭建好vue脚手架工具配置好环境变量

那么下面我们开始在VSCode创建一个VUE项目:

1.桌面创建一个空的文件夹,在这里我将它命名为test1

 

 

2.打开VSCode界面,菜单栏-终端-新建终端
 

 

3.在界面底部的终端窗口中输入:npm init vue@latest 

  

4.运行输出下面这些代码,如果你不确定选项具体是什么,这里的y/n问题全部回车跳过即可。 

 这里我给他的文件命名为:vue-project,自己在创建时可以编辑自己的文件名

5.依照上图 绿色 字体的代码 复制并在终端粘贴运行代码:

执行结果如下:

6.到这一步,恭喜你!已经创建好项目了。等待几分钟,自动弹出浏览器界面如下图,如果没有自动弹出浏览器窗口,我们可以手动复制图中倒数第三行local的地址,打开浏览器粘贴到地址栏,回车测试我们是否成功创建了vue项目。

浏览器出现上图的界面,表示成功创建好一个vue项目啦,现在可以开始你的前端小项目之旅啦。

参考文章:https://cn.vuejs.org/guide/quick-start.html#creating-a-vue-application


点击全文阅读


本文链接:http://m.zhangshiyu.com/post/102551.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 慕晚夏顾砚廷顾砚廷
  • 给你的第三封信是遗言沈佳芮顾温言结局+番外全书+后续+结局(顾温言沈佳芮)列表_给你的第三封信是遗言沈佳芮顾温言结局+番外(顾温言沈佳芮)给你的第三封信是遗言沈佳芮顾温言结局+番外全书+后续+结局在线
  • 佛心不渡红尘劫结局+番外(云狸越渊)全书云狸越渊结局_云狸越渊+结局列表_笔趣阁(佛心不渡红尘劫结局+番外)云狸越渊彩蛋(佛心不渡红尘劫结局+番外)附加+结局(云狸越渊)全文速览
  • (余烬下的思念全书+后续+结局)分享(沈夏里顾禾州)_(余烬下的思念全书+后续+结局)列表_笔趣阁(沈夏里顾禾州)
  • 全文上岸后被闺蜜背刺,重生我杀疯了(乔知微)列表_全文上岸后被闺蜜背刺,重生我杀疯了
  • 「九转金身炸裂异界!反派竟是我分身?」小说节选免费试读_「方叶」限时免费完整章节
  • 小透明逆袭误撩后被大佬宠上天/大佬出门记得装不熟(许惟昭方肃礼)_小透明逆袭误撩后被大佬宠上天/大佬出门记得装不熟许惟昭方肃礼
  • 顾砚廷,慕晚夏_顾砚廷,慕晚夏列表
  • 阴阳车番外特辑限免解锁_[王成]小说后续在线免费阅读
  • 且看离人绾青丝全书+后续(温绾萧奕北)免费_且看离人绾青丝全书+后续精彩(温绾萧奕北)
  • (番外)+(全书)阮雾梨闻砚辞(许是曾经有相思全书+后续+结局)_(阮雾梨闻砚辞)列表_笔趣阁(许是曾经有相思全书+后续+结局)
  • 日暮青山绿渐隐实力派全书许星森纪冰雪在线

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1