Vue 3.0 项目起步,成功搭建

我自己安装的是vue cli v4.5.11,对vue3的版本同样适用
在此之前要安装好vue-cli3(没有安装的,建议参考官网https://cli.vuejs.org/zh/guide/installation.html)

1.打开cmd (快捷键win+R)
2.打开vue安装的文件夹下(cd+文件夹名 可打开文件夹)
3.输入vue create(+项目名称)之后页面进入选择界面
在这里插入图片描述default代表选择默认的配置,Manually select features 代表进行手动配置
我们选择手动配置,选择Manually select features敲回车
4.之后进入到这样的界面
在这里插入图片描述
根据自己的需求进行选择(一般小的vue项目选择Router和Babel就可以了,去掉Linter/Formatter(这个选项是ESLint,做规范检查))
5.第四步结束后,到项目相关的选择界面

根据自己的项目进行选择(以上是我创建的项目的选择,第一个yes跟no的选择选no的,第二个选In dedicated config fills,下一个选yes,后面还有个(Save preset as:)这里填入想要保存项目的位置或者不选直接回车 )
6.接着就是项目的创建等待过程
在这里插入图片描述
项目创建完成
在这里插入图片描述
7.打开我们的项目(在上一个界面处的提示中输入对应的指令就可以打开项目了,此处x先输入cd test,然后输入npm run serve(cnpm run serve也可以运行起来项目))
在这里插入图片描述
8.项目创建完毕
在这里插入图片描述
在浏览器输入上面Localhost或者Network的地址就可以显示下面的界面了

在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值