使用vue creat搭建项目

本文详细介绍了如何检查和安装node.js与npm,接着演示了如何安装vue-cli并使用它自定义配置创建Vue3项目。选择了历史路由模式、ESLint+Standard配置,并在保存设置方面提供了选项。最后,启动项目完成搭建过程。
摘要由CSDN通过智能技术生成
一、查看是否安装node和npm(显示版本号说明安装成功)
node -v
npm -v

显示版本号说明安装成功,如果没有安装,则需要先安装。

二、安装vue-cli脚手架

 查看安装的版本(显示版本号说明安装成功)

vue -V

 三、使用vue create命令搭建vue项目
1.cmd窗口跳到需要新建项目的文件夹下,使用vue create
//vue-project 是项目名称
vue create vue-project
2.我这里选择第三个Manually select features自定义搭建,回车确认

 3.选择配置项

选择完成后,按回车进入到下一步

 4.选择vue版本

我这里选择的是3版本,回车确认

 5.选择router的模式

我这里使用router路由的history模式,输入Y,然后回车(如果使用hash,则输入n)

 

 6.代码语法错误检查

我这里选择的是ESLint + Standard config,这个是标准的,然后回车确认

 7.选择检查代码语法的时机

我这里选择Lint on save,然后回车

8.第三方配置文件存在的方式

我这里选择In dedicated config files,然后回车

9. 是否保存本次配置为预设项目模板

我这里选择N(也可以选择Y,这样下次可以直接使用该配置方案快速搭建项目),然后回车,则项目搭建成功

 10.搭建成功的示例

11.启动项目

 

相关版本:
npm版本是6.14.11,node版本是14.16.0 ,vue-cli版本是5.0.8

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值