一分钟学会vue脚手架安装

什么是 Vue?

Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。

Vue脚手架 vue-cli

Vue脚手架是Vue官方提供的标准化开发工具(开发平台),它提供命令行和UI界面,方便创建vue工程、配置第三方依赖、编译vue工程。
vue脚手架基于Node.js环境,使用前必须已安装Node.js
查看自己电脑上是否安装Node.js:打开命令管理器输入node -v
已安装时会显示版本号,未安装时会报错
在这里插入图片描述
若没有安装Node.js点击Node.js安装及部分指令解析QAQ

在Node.js环境下安装vue-cli(vue脚手架)

管理员身份打开命令管理器
在这里插入图片描述
在全局环境下输入npm i -g @vue/cli首次安装需要时间稍长
在这里插入图片描述
卸载npm uninstall -g @vue/cli
此时脚手架安装完成

创建一个简单的脚手架项目 zsvue

在这里插入图片描述
在你将要建立项目的目录下进入命令管理器
输入vue create vue
在这里插入图片描述
键盘方向键选择 Manually select features
在这里插入图片描述
enter进入下一步
在这里插入图片描述
enter进入下一步
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
安装完成状态 此时不要关闭页面
在这里插入图片描述
在这里插入图片描述
若关闭或想要打开服务,进入建立的vue项目中进入命令行输入npm run serve即可打开服务,打开后页面不能关闭,关闭即关闭服务

打开浏览器输入地址

在这里插入图片描述
在这里插入图片描述
安装完成

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值