手把手教你安装vue的一个脚手架

vue的一个脚手架是依赖node环境的,这里默认你已经安装了node环境,那么我们安装了vue的一个脚手架工具,就能很快创建一个vue项目,专注开发即可,废话不多说
首先,node版本 : Vue CLI 需要Node.js 8.9 或者更高版本

一、 安装Vue CLI脚手架的包:

npm install -g @vue/cli
# OR
yarn global add @vue/cli

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

vue --version

上面这行代码可以查看到你的vue的一个版本号,出现版本号代表你已经成功安装,
如果安装比较慢,可以把下载源切换成淘宝的源:

//切换taobao镜像源
npm config set registry https://registry.npm.taobao.org/
// 查看下载源
npm config get registry

yarn 对应的淘宝下载源设置:

//切换taobao镜像源
yarn config set registry https://registry.npm.taobao.org/

// 查看下载源
yarn config get registry

初始化项目

vue create

运行以下命令来创建一个新项目

vue create hello-world

在这里插入图片描述
你会看到这个界面,我们就自己选择自己项目的一些文件吧,所以我们选择最后一个,也就是manually select featuree,使用上下箭头可以进行选择,选择之后我们会看到以下界面,
在这里插入图片描述
这里就是我们项目要配置的东西,接下来我们选择以下几个,
在这里插入图片描述
一般项目我们就需要这几个,那么严格模式和其他的,以你的项目要求为准,在决定要不要,回车
在这里插入图片描述
这里我们选择2.x版本,因为目前比较使用的比较多的也是这个,
在这里插入图片描述
这里是问你的路由要不要使用历史模式,这里我们选择是,输入y 回车
在这里插入图片描述
这里我选择less,因为我是写的less,你写啥几几选择啥,
在这里插入图片描述

这里是问你你更喜欢将Babel, ESLint等的配置放在哪里? 这里我们放在专用配置文件中吧,选择第一个
在这里插入图片描述
这里是问你要不要保存你创建这个vue项目的配置,我们选择要,因为下次就直接下载即可,就不用再配置一遍了,然后自己写个名字回车就完成vue项目的一个脚手架的基本配置 这时候就可以使用vue create “项目名” 来创建vue项目了,直接选中你刚才配置的模型的配置即可,等待下载完成即可,

在这里插入图片描述到此,安装vue的脚手架和创建一个vue项目完成

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值