windows下搭建Vue环境,以及新建vue项目

1:先下载安装nodejs 官网地址https://nodejs.org/en/,安装成功后查看版本node -V,
npm-V
在这里插入图片描述
2:终端输入命令 npm install -g @vue/cli 进行vue-cli最新版本的安装,安装成功可以查看当前版本,vue -V
在这里插入图片描述
3:安装成功后可以新建项目啦,新建命令:vue create vue-demo, //vue-demo是项目名称
在这里插入图片描述
然后选择安装方式
在这里插入图片描述
default是默认创建,这里我们选择第二个自定义选择安装
在这里插入图片描述
我这里选择了一个Router(路由),注:空格键是选择或取消选择
然后回车安装,等待即可.

4:让vscode识别vue文件,因为我这里用的是vscode来进行开发.打开vscode安装 Vetur
在这里插入图片描述
选择第一个安装点击Install即可,我这里是安装好的了;

用vscode打开刚才新建的项目
在这里插入图片描述
Openfolder…打开文件夹;
我们就可以看到vscode可以识别vue文件了
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值