安装vue-lic

2023-05-31,,

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的相关教程结束。

《安装vue-lic.doc》

下载本文的Word格式文档,以方便收藏与打印。