一个前端vue项目应该怎样创建

在我们创建vue项目之前,需要node环境,你们先window+r输入cmd,在输入框搜索"cmd",然后进入,在命令行输入node-v 按回车,可以看见当前node的版本。

如果没有node那就去node的官网下载一个,一直下一步就行了。(下载完重复第一步检查是否安装成功)

接下来就是安装脚手架了,接着按照第一步的步骤打开cmd,但这次不输入noede-v,如果我们网速不好,可以下一个淘宝镜像,这个步骤我就略过了~~

输入npm install -g @vue/cli,然后就是漫长的等待了~~

接下来就是创建项目的过程,接下来输入 vue create vue-app (vue-app这个是项目的名字,自定义的)

第二步 选择下面那个选项在这里插入图片描述
第三步 会出现默认的两个选项,只要一个babel,下面的那个按空格取消然后enter在这里插入图片描述
第四步 选择下面的选项在这里插入图片描述
第五步 问你是否存一个预设,如果不想要,我们输入n,删掉就行。
在这里插入图片描述
接下来就是等待创建的过程,等待一会之后我们进入文件夹,输入vue run serve就能启动项目了

就会给我们一个默认的端口号,localhost:8080。

到这我们的vue项目就创建成功啦,大伙赶紧去试试这个吧。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值