Vue脚手架基础

本文介绍了如何使用nrm工具切换npm源至淘宝镜像,然后详细演示了VueCLI的全局安装过程,包括验证安装成功、升级VueCLI及创建新项目的步骤。通过这些步骤,开发者可以更高效地管理和使用前端开发工具。
摘要由CSDN通过智能技术生成

切换镜像源

1.下载‘nrm’

npm i nrm -g
# or
npm install nrm -g

2.查看下载结果

nrm ls

查看如下:

 

 3.切换到‘taobao‘镜像源

npm use taobao

切换成功如下:

安装Vue CLI 包

安装命令如下:

npm install -g @vue/cli

安装之后,你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue,看看是否展示出了一份所有可用命令的帮助信息,来验证它是否安装成功。

也可医用下面这个命令来检查版本:

vue --version

 升级全局的 Vue CLI 包,请运行以下代码:

npm update -g @vue/cli

创建一个新项目

vue create

运行命令如下:

vue create 项目名称

 

创建完之后会出现以下图片显示的内容,然后选择使用键盘上的箭头选择最后一个,按回车。

 使用键盘上的箭头选择,按空格会选中和取消,项目需要用到那个就选中它,按回车。

 根据需求选择版本:

 选择 n :

 默认选择:

 选择 N :

创建项目完成

使用图形化界面

vue ui

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值