vue-cli是Vue.js开发的标准工具。它简化了程序员基于webppack创建工程化的Vue项目的过程。
引用自vue-cli官网上的一句话:程序员可以专注在撰写应用上,而不必花好几天去纠结webpack配置的问题。

安装和使用

(1)确保电脑已经安装了node.js,如果不确定自己是否安装了node,可以在cmd命令行工具内执行:

node -v  (检查一下 版本);

  如果 执行结果显示: xx 不是内部命令,说明你还没有安装node ,没有安装的话该博客vue目录下的第一个帖子提到过安装教程可参考

(2)vue-cli是npm上的一个全局包,使用 npm install命令,即可方便的把它安装到自己的电脑上,使用管理员身份打开命令提示符:
npm install -g @vue/cli

(3)检查是否安装成功

vue -V

(4)如果 vue -V执行结果显示:'vue' 不是内部或外部命令,也不是可运行的程序或批处理文件。

解决方案:

<1>确定npm是否已正确安装,在cmd中输入如下指令:

npm -v
可以查看当前npm版本号:

当显示版本号时说明npm已成功安装。

<2>输入以下命令:

   where vue

已经安装了vue,就能看到,如果看不到该指令,则回到控制台;

<3>执行以下两个指令在 cmd 输入以下命令:

  npm install -g vue

安装成功,看到了 where vue命令可看到vue.cmd:

然后,输入以下命令:

// 卸载
npm uninstall @vue-cli -g
// 安装
npm install -g @vue/cli

<4>安装完成后,通过如下任意指令查看vue的版本:

vue –V
但是,还是报错:‘vue’ 不是内部或外部命令。

还需要配置环境变量。

<5>cmd 输入 npm config list 查看目录,找到 prefix 目录下对应的地址。

因为我这里安装node.js重写了该路径所以出现了两个,重写了用序号②,未重写用序号①

<6>在"控制面板"里面找到“系统和安全”,接着在“系统和安全”找到“系统”,找到系统界面后,在左边的侧边栏,找到“高级系统设置”,点击进去后,在高级选项卡里面,找到“环境变量”按钮,并点击进去:

<7>点击进去后,先在“系统变量”部分选中path一行,再点击下面的“编辑”按钮:

<8>点击进去后,选中页面的“新建”按钮:

注意不要复制npm config list出来的路径的双斜杠路径,

<9>在”新建“页面的最后一行,加入第5步操作里面查询到的prefix后面的路径,再点击“确定”,在接下来的页面上点击确定,此时,在cmd输入以下命令:

 vue –V

安装vue-lic的更多相关文章

  1. IDEA安装vue开发插件

    前言: 开发免不了要用到开发工具,什么sublime,webstorm,idea的,现在我就说下idea开发神器下安装vue插件进行vue项目的开发吧. idea下载地址:http://www.jet ...

  2. Windows 安装 Vue

    引言 在公司 linux 环境下安装不顺利,回家在 windows 下操作感觉到一种幸福 nginx 先安装了 nginx,其实跟 vue 没关系,只是打算用它做 web 服务,此处略过 nginx ...

  3. 【原】无脑操作:Chrome浏览器安装Vue.js devtool

    学习Vue.js时,Chrome浏览器安装Vue.js devtool能很方便的查看Vue对象.组件.事件等. 本文以Chrome浏览器插件Vue.js devtools_3.1.2_0.crx的安装 ...

  4. 安装vue错误详情解决办法

    寄语:vue的安装不是理想化的,会出现很多问题,需要静下心认真研究,熬过去就会懂得更多,以下是我遇到的问题和最真挚的建议,按照我的方法不会出错,一定会成功,我尝试了很多次方式,查阅了很多资料,最终总结 ...

  5. mac上安装vue项目

    mac上如何安装vue项目 一, mac系统安装brew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/H ...

  6. 安装VUE Cli3 框架方法

    下面为大家介绍一下怎样安装  VUE Cli3的步骤 官网地址  https://cli.vuejs.org/zh/guide/installation.html 一.首先要检查一下是否安装node环 ...

  7. vue(1)——node.js安装使用,利用npm安装vue

    node node简介 node.js也是用js开发的语言,而且是一门服务端语言,更有大神利用node写了一个操作系统出来——NodeOS node能干什么 自带下载工具: 对于我们开发前端项目,no ...

  8. npm——安装教程、安装vue脚手架

    npm:是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题.比如常用的有: 1)允许用户从NPM服务器下载别人编写的第三方包到本地使用. 2)允许用户从NPM服务器下载并安 ...

  9. 如何在Window下安装node\npm\cnpm,并安装vue.js,创建项目

    1.安装node.js node.js的官方地址为:https://nodejs.org/en/download/. 根据windows版本后,选择要下载的安装包,下载完毕,按照windows一般应用 ...

  10. 安装vue脚手架和vue安装element-ui

    首先下载安装node.js,因为vue依赖node.js,然后用npm安装vue,步骤如下: 安装成功后安装element-UI,步骤如下: 完成后用npm run dev 运行项目.

随机推荐

  1. Web _Servlet(url-pattern)的配置与优先级

    url-pattern的配置方式有三种: 1.完全路径匹配:以  '/'  开始 例: /ServletDemo1  , /aaa/ServletDemo2 , /aa/bb/ServletDemo3 ...

  2. PyQt5 & PySide2信号与槽机制1

    pyside2&pyqt5的信号与槽机制 1.信号与槽的两种写法 第一种情况: from PySide2 import QtWidgets, QtCore import sys if __na ...

  3. org.nutz.http.Http忽略https SSL证书验证

    访问的是一个https get请求,报错需要SSL证书验证,以下方法直接跳过 boolean check = Http.disableJvmHttpsCheck(); // 忽略https的证书检查

  4. 5G如何加速无人快递?5G智能网关新应用

    网上购物已经是现代生活的主流消费方式之一,伴随网购的繁荣,物流快递行业也进入到一个最火热的时期.而在这之中,有限的快递配送能力和日益增长的配送需求的矛盾持续凸显,因此无人快递车一类的创新应用也应运而生 ...

  5. python - 命令行下一键更新所有包

    Python3.8以下这样一键更新所有包:from pip._internal.utils.misc import get_installed_distributionsfrom subprocess ...

  6. zip文件自动打包

    简单的文件打包 首先是问题 我们有一个文件的文件过大,我需要删除或者压缩,当然我们就是选择压缩 如果是单个我们可以直接使用压缩功能 但是多个呢? 首先获取当前目录下的文件,使用 a=`ls` | te ...

  7. C#比较类/接口、Dictionary 排序

    作者:l625208058 链接:https://www.jianshu.com/p/cd1be6652570 先 F12 看下 List.Sort() 方法 public void Sort(int ...

  8. RPA的概念及未来发展趋势

    ​ RPA是Robotic Process Automation(机器人自动化)的简称.我们可以把它理解为"虚拟机器人"替代人工的一种方式.RPA不仅可以模拟人类,而且可以利用和融 ...

  9. 多路复用IO:select poll epoll

    [电话面试]io多路复用专题面试 这个真猛 有人做了笔记:点这里 select Select(Max+1,&rset,null,null,null)是因为0~max是max+1. 过程: 将文 ...

  10. 基于深度学习的农作物叶片病害检测系统(UI界面+YOLOv5+训练数据集)

    摘要:农作物叶片病害检测系统用于智能检测常见农作物叶片病害情况,自动化标注.记录和保存病害位置和类型,辅助作物病害防治以增加产值.本文详细介绍基于YOLOv5深度学习模型的农作物叶片病害检测系统,在介 ...