Vue基础:创建一个vue项目(方法一)

本文详细阐述了如何使用Vue CLI创建一个定制的Vue 3项目,包括配置步骤和遇到的常见错误——npm install问题的解决方法。重点介绍了如何选择Vue版本、配置路由及个性化项目结构。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

创建一个vue的项目

vue create todolist
  • 自定义项目结构
    在上面命令行中输入如上命令,即可创建一个vue项目。(通过上下键切换选蓝色命令行,指的是:自己配置项目。)
    在这里插入图片描述

  • 之后通过上下空格选择以下列表被选中的项:
    在这里插入图片描述

  • 选择vue3
    在这里插入图片描述

  • 是否使用路由的选择:
    在这里插入图片描述

  • 一直操作如下,注意蓝色部分的选择,最后一个未选的是在于你自己选择,是否设置预设名,若是Y就是需要输入一个名字,在下次新建项目的时候,直接选择自己已经创建好的预设名就可以。
    在这里插入图片描述

  • (没有错误的同学直接跳过这一步)没错,我这里出现bug了,无法成功建立项目(感觉一般人不会遇到这种情况,可能我是二班的人┭┮﹏┭┮ vue创建项目报错:command failed: npm install --loglevel error
    删除C:\Users\lianx下的npmrc文件文件下的 .npmrc文件删除 ,重新安装淘宝镜像
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    安装完成后重新创建项目vue create XXX,然后就成功了!!!!(可能一会单独出一个关于这个bug解决的博客)
    在这里插入图片描述

  • 之后就建立完成了,你可以直接用vscode打开你的项目啦!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值