【初步配置vue脚手架】

配置VUE脚手架

安装

根据vue官网中Vue CLI 4.x要求Node.js v8.9 或更高版本以上

然后打开cmd命令提示符输入输入以下代码,安装新包:

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

然后用vue --version命令来检查其版本是否正确:

	vue --version

创建vue脚手架项目

运行以下命令来创建项目:

vue create hello-world

"hello-world"是你要命的项目名,
运行后他会在你的当前cmd目录下创建项目,所以事先进入到你要的文件下创建项目。

然后你会被提示选取一个preset,你可以选默认的包含了基本的 Babel + ESLint 设置的 preset,也可以选“手动选择特性”来选取需要的特性。

在这里插入图片描述
然后用键盘上的箭头键来选取你需要的配置,这个默认的设置非常适合快速创建一个新项目的原型,而手动设置则提供了更多的选项,它们是面向生产的项目更加需要的,然后回车即可。

还有一种方法使用图形界面
使用vue ui命令以图形化界面创建和管理项目:

 vue ui

上述命令会打开一个浏览器窗口,并以图形化界面将你引导至项目创建的流程
请添加图片描述
然后根据步骤进行即可
详细步骤和其他内容最好参考官网

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值