创建第一个vue文件【vscode】

第一步:

  • 打开vscode创建一个文件,并打开集成终端
  • 在这里插入图片描述
  • 输入命令:
vue create vue-demo

在这里插入图片描述

  • 这里遇到了一个小问题:在cmd中能运行语句,但是在vscode中会出错
    请添加图片描述

解决办法:

  • 第一步:选择vscode-属性-兼容性-勾上以管理员身份运行;
    在这里插入图片描述

  • 第二步:打开vscode,输入终端指令
    在编辑器终端输入命令:Set-ExecutionPolicy -Scope Curre;
    此时的终端显示的结果为:ExecutionPolicy:

  • 第三步:终端指令:
    再在编辑器终端输入命令:RemoteSigned;
    此时的终端显示的结果为:ExecutionPolicy: RemoteSigned;

  • 第四步:检测是否成功
    在编辑器终端输入命令:RemoteSigned;
    此时的终端显示的结果为:ExecutionPolicy: RemoteSigned;证明已经成功
    在这里插入图片描述
    在这里插入图片描述

第二步:

  • 创建好后,需要我们选择vue的配置类型:这里我们选择第三个
    在这里插入图片描述

上下移动光标,空格选择或取消选择,回车确认
前两个为vue2或vue3,最后一个为手动选择

  • 要我们选择需要安装的功能:我们选择1,3:
    在这里插入图片描述

  • 版本选择:以为我安装的是vue3,所以选3.x
    在这里插入图片描述

  • 这一步的意思是问你配置文件放在哪里:这里我选择默认,第一个
    在这里插入图片描述

  • 是否保存为预设:选择不保存 n
    在这里插入图片描述

  • 回车后,令人激动的时刻就来啦,耐心等待加载完毕。。。。。
    在这里插入图片描述

最后一步:

输入

cd vue-demo
npm run serve

在这里插入图片描述

在这里插入图片描述
输入后选择允许访问:
在这里插入图片描述
这是你的vue项目地址:
在这里插入图片描述

成功!!!!

在这里插入图片描述

开启你的vue世界之旅吧!!!!!!!

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值