Vue脚手架(@vue/cli)安装

1.安装nodejs
1.1 为什么要用nodejs?

        下面老哥总结的十分详细。

        vue为什么需要nodejs?

        首先,nodejs提供了npm包管理器,npm全称是nodejs package manager(nodejs 包 管理器),我们接下来安装vue和@vue/cli要使用npm。

1.2 nodejs安装

        直接官网下载安装就可以,一路点next。

        

  我看到很多文章里都会在node文件下创建两个文件夹global和cache,我的理解是为了将缓存和安装的包,我没有添加也可以正常运行,不知道以后会不会有坑。

 如果想要

1.3 使用npm

 使用 node -v 命令可以查看nodejs版本。

 使用 npm -v 命令可以查看npm版本。

 这样就能保证你的node和npm正确安装了

npm -v
node -v

 2.安装@vue/cli

        vue-cli和@vue/cli都是vue cli,Vue CLI的定义 CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架。

       2.1 安装cnpm

        使用npm装脚手架可能会卡住,推荐使用cnpm(npm中国镜像)

       cnpm简介

        cmd使用以下命令安装taobao cnpm镜像。

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

        安装完成记得用下面代码看下版本确保正确安装

cnpm -v

        

         2.2 安装@vue/cli

        用命令行cmd执行以下命令,这里我们要用cnpm安装。

cnpm install -g  @vue/cli

        安装完成后使用vue命令查看vue下的所有相关命令。

  使用vue ui就可以打开项目管理界面,界面比较优美好用。

 创建项目时注意不要选git,否则会创建不了,跟网络关系比较大。

 创建的初始化可以选vue3或者vue2.

后面可以安装很多插件,搜索安装就行。

如果要安装elementUI,要安装elment plus 否则不能运行。

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值