使用vue脚手架创建项目

作为一个前端新手,学习一个前端框架是必要的,这里给大家介绍一下怎么安装vue脚手架
首先vue要node的环境,我们需要先安装node,nodejs中文官网选择稳定版下载,一步一步安装就行,安装完成后window+r 输入cmd 在终端输入node -v 看到版本号就说明安装成功,注意,node版本不要太低,也不要太高,太低会有兼容性的问题,太高会有未知的bug,安装官方推荐的稳定版就好
安装

npm install -g @vue-cli

安装完成后,创建一个项目

vue create my-project

这里我们选择第二个,第一个是vue默认的模板,使用⬆ ⬇箭头可以选择,
在这里插入图片描述
然后下一步,通过箭头选择你想要安装的插件,这里我们可以选一个Router,通过按空格键可以选择是否要安装这个插件,选择好后敲击回车
在这里插入图片描述
最后一个选择package.json,一路回车,等待项目创建
在这里插入图片描述如无其他错误,会有这样一个页面
在这里插入图片描述
进入项目目录,目录名根据你自己创建的目录名来
在这里插入图片描述
运行项目,这里根据自己提示来,我的是yarn serve ,你的可能会不一样

yarn serve

在游览器看到这样的效果,就表示项目运行成功了
在这里插入图片描述
你就可以愉快的编写代码了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值