vue 脚手架

脚手架


1、起步

安装:

  1. win+R 输入cmd

  2. 运行命令

    npm install -g @vue/cli
    

    安装中:

    在这里插入图片描述

    安装完成:

    在这里插入图片描述

2、创建项目

如何创建项目官网步骤

选择好文件夹,按住shift+右键,选择在此处打开 Powershell 窗口

在这里插入图片描述

  1. 在命令行敲命令来创建项目

    vue create 项目名称
    

    这时候会跳转到选择项中

    在这里插入图片描述

  2. 此次项目依次选择:Manually select features —— Choose Vue version,Babel,Router —— 2.x —— No —— In dedicated config files —— No

    在这里插入图片描述

  3. 等待就自动安装好了。

  4. 安装好后,运行命令

    # 先进入项目里面 项目名为 hello-world
    cd hello-world
    # 运行下面命令启动
    npm run serve
    

    运行完毕后,会启动下面地址,证明成功了

    在这里插入图片描述

    点击上面的 http://localhost:8080/ 会自动跳转到下面页面

    在这里插入图片描述

    这时候创建项目已经完成

3、图形化也可以创建项目

运行命令

vue ui

在这里插入图片描述

这时候会自己打开网页图形化创建页面,具体操作没研究透,只做了解。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值