安装Vue CLI步骤

作者: YanHang | 来源:发表于2021-01-20 15:45 被阅读0次

Vue CLI使用前提是---Node

1.下载node.js

首先在官方网站https://nodejs.org/en/download/上面直接下载node.js

默认情况下自动安装Node和NPM

Node环境要求8.9以上或者更高的版本

检测node是否安装成功: node  -v

也可以检测一下npm是否成功: npm -v

2.下载淘宝镜像

在使用npm下载插件的时候会非常缓慢,想要提高下载的速度我们可以借助于淘宝镜像(直接在黑窗口中操作)。

淘宝镜像操作:(直接在黑窗口中输入+回车即可)

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

检测淘宝镜像是否安装成功:cnpm -v

3.安装vue-cli:

黑窗口安装:

安装代码: npm install -g @vue/cli (运行速度较慢)

或者使用淘宝镜像 cnpm install -g @vue/cli (运行速度快)

注:以上两种方式安装成功后是最新版本

想安装指定的vue-cli版本:

黑窗口安装:(例如指定安装3.2.1版本)

安装代码: npm install -g @vue/cli@3.2.1 (运行速度较慢)

或者使用淘宝镜像 cnpm install -g @vue/cli@3.2.1 (运行速度快)

检测vue-cli是否安装成功 [检测安装的版本]:vue  --version

4.卸载旧版本的vue-cli

安装的版本过旧或者安装错版本,卸载代码: npm uninstall -g @vue/cli

检测是否卸载成功: vue -v

后续可根据自己需要再进行安装(如上步骤3)

5.安装中出现的问题

安装后运行运行(vue --version)出现下图结果

解决方法:将下载vue-cli的对应的文件夹中vue.js删除

最后检测:  vue --version

相关文章

  • vue.js安装小知识

    安装vue-cli步骤: 1.npm install -g vue-cli //全局安装vue-cli2.vue ...

  • Vue-cli基础

    Vue-cli基础 安装步骤 1、全局安装Vue-cli: npm install vue-cli -g 2、查看...

  • 使用node.js安装vue-cli脚手架

    一、安装vue-cli的步骤 1、node-v 2、npm instal -g vue-cli(安装vue-cli...

  • vue cli集成scss

    环境 vue cli 3.x 步骤 安装vue cli npm install -g @vue/cli 创建工程 ...

  • Vue-cli基础

    安装步骤 1、全局安装Vue-cli: npm install vue-cli -g 2、查看是否安装成功: ...

  • vue-cli

    本节知识点 安装vue-cli 介绍vue-cli构成 安装(两步骤,第一步就是安装vue-cli,第二步就是初始...

  • Vue面试考点之项目初始化

    1、初始化Vue项目 步骤一:安装node.js; 步骤二:安装npm; 步骤三:安装全局vue-cli脚手架; ...

  • vue-cli的简单安装

    我借鉴了网上例子,整理出来的vue-cli安装步骤 安装: #全局安装 vue-cli $ npm ins...

  • 电商项目笔记(1)---项目初始化

    vue项目初始化步骤 步骤一:安装vue-cli 步骤二:vue项目初始化 效果图

  • vuex脚手架安装步骤:

    Vue-cli的安装步骤详细版本 https://github.com/vuejs/vue-cli 官网 使用官方...

网友评论

    本文标题:安装Vue CLI步骤

    本文链接:https://www.haomeiwen.com/subject/rbpkzktx.html