vue脚手架搭建

本文详细介绍了如何搭建Vue.js项目,包括安装Node.js、cnpm,使用Vue CLI创建项目,选择配置项,以及启动项目。过程中涉及Vue版本选择、路由模式设定等关键步骤。

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

第一步:查看node 版本号 如果低于 版本10 的话安装最新版node

如果没有cnpm 的话 需要安装cnpm 如果已经安装过cnpm 可以跳过
安装cnpm的命令是:
npm install -g cnpm --registry=https://registry.npm.taobao.org

第二步:cmd终端中安装vue脚手架 cnpm i @vue/cli -g
安装成功后可以执行 vue -V (注意:-V 是大写) 查看vue版本号 来检测是否成功

第三步:

创建项目: 在想要创建项目的文件夹中打开终端,执行 vue create demo (demo是要创建的项目的名称)

如果出现如下界面 输入y 意思是问你要不要使用淘宝镜像,没有这个界面的话执行下一步就行
在这里插入图片描述

第一个界面 选择如下 意思是
第一次创建项目需要手动选择项目配置 上下键进行切换 按回车键执行下一步
在这里插入图片描述

第二个界面 按如下 用空格键进行选择,用上下键切换意思是 选择项目的配置和功能

在这里插入图片描述

第三个界面 选择vue的版本 我们要选择第二个版本
在这里插入图片描述

第四个界面 问你选择的路由的模式 输入n 按回车下一步就行

在这里插入图片描述

第五个界面 选择如下

在这里插入图片描述

第六个界面 意思是问你 把配置文件分开放还是 放在一起
在这里插入图片描述

第七个界面:是不是要把你刚才的配置存下来 并且起一个名字 ,下次再次执行 vue create xxx命令创建项目的时候就可以直接使用这个保存下来的模版了

在这里插入图片描述

第八个界面:项目创建成功 执行 提示的两个命令(cd xxx 和npm run serve)就可以开启vue的项目啦!!!
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值