vue vue-cli脚手架安装步骤

嗨大家好今天给大家分享@vue/cli的安装步骤

第一步

查看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 按回车下一步就行当然如果你需要的话也可以输入y
在这里插入图片描述
第五个界面是一些css的插件你会使用那个就勾选那个
在这里插入图片描述
第六个界面 意思是问你 把配置文件分开放还是 放在一起
在这里插入图片描述
第七个界面:是不是要把你刚才的配置存下来 并且起一个名字 ,下次再次执行 vue create xxx命令创建项目的时候就可以直接使用这个保存下来的模版了
在这里插入图片描述
第八个界面:项目创建成功 执行 提示的两个命令(cd xxx 和npm run serve)就可以开启vue的项目啦!!!
在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值