实操安装vue-cli(脚手架),详细步骤配图片效果

一、什么是vue脚手架?

         Vue脚手架是Vue官方提供的标准化开发工具(开发平台),它提供命令行和UI界面,方便创建vue工程、配置第三方依赖、编译vue工程。

        简单点理解:可以理解为自动帮我们构建项目的工具。

二、安装vue脚手架

1、进入cmd操作窗口(win+R)/命令提示符-->以管理员身份打开

       ① 安装脚手架前提是基于在node环境下:(node相关在:node npm命令)

                查看node版本: node -V

                查看npm版本: npm -V

       ② 并且需要设置淘宝镜像:

                npm config set registry http://registry.npm.taobao.org/

                npm config get registry 查看下载源

       ③ 全局下 安装vue-cli脚手架

                npm i -g @vue/cli                  //全局安装

                npm uninstall -g @vue/cli        //全局卸载

        ④创建脚手架项目

                1.选择你要创建的位置

                 2.选中地址,替换为cmd,回车

                3.出现一下页面                 4.输入命令:vue create youvue(创建的项目名称,随意)

                稍作等待,然后出现:

                回车 

 

等待,知道出现下面的画面: 

 

 

 

 

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值