vue从零开始准备环境

1下载并安装node.js

官网下载链接:https://nodejs.org/en/ 本文编写时官方版本如下图所示:

下载完成后安装(安装过程略),安装完成后执行

$npm -v

查看信息,效果如下图所示:

2安装cnpm

由于国npm服务器在国外,所以国内搞了一个cnpm服务器,安装了cnpm之后安装组件时就不再需要通过npm指令连接国外的网络,而是使用cnpm指令取代。

安装cnpm指令如下:

$npm install -g cnpm --registry=https://registry.npm.tabao.org

正常情况计算机联网需要安装一会,等安装完成执行:

$cnpm -v

查看安装是否正常,效果如下图所示(不同版本可能略微有差别):

 

3安装vue-cli

执行指令即可安装:

$ cnpm install -g @vue/cli

速度会比较快,因为用的是cnpm。安装完成后执行执行指令查看版本:

$vue -V 

注意:这里的V是大写的。效果如下图所示:

4调出GUI面板

执行指令

$vue ui

可以弹出一个可视化页面,在这里可以用图形化界面创建vue项目。效果图如下图所示:

至此,vue项目创建的第一阶段已经完成。

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值