[email protected] serve > vue-cli-service serve ‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或解决“vue“不是内部或外部命令问题

目录

问题

解决

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

可以查看当前npm版本号:

2、进入node.js的安装目录的node_global文件中查看一级目录下是否存在vue.cmd指令:

3、现在安装Vue,执行以下两个指令:

31. 安装脚手架vue-cli

4. 安装vue-router


问题

> [email protected] serve > vue-cli-service serve 'vue-cli-service' 不是内部或外部命令,也不是可运行的程序 或解决“vue“不是内部或外部命令问题

解决

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

npm -v

可以查看当前npm版本号:

> vue@0.1.0 serve > vue-cli-service serve ‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或解决“vue“不是内部或外部命令问题_第1张图片当显示版本号时说明npm已成功安装。

2、进入node.js的安装目录的node_global文件中查看一级目录下是否存在vue.cmd指令:

> vue@0.1.0 serve > vue-cli-service serve ‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或解决“vue“不是内部或外部命令问题_第2张图片

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

3、现在安装Vue,执行以下两个指令:

一定要在管理员身份运行!!!!!

> vue@0.1.0 serve > vue-cli-service serve ‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或解决“vue“不是内部或外部命令问题_第3张图片

在 cmd 输入以下命令:

npm install vue -g

其中-g是全局安装,指安装到global全局目录去,如果不加-g,模块就会安装到当前路径下的node_modules文件夹下,没有目录则自动创建。

如果出现了这个问题,是因为当前用户没有这个权限。

正确的打开方式是,用管理员身份运行呗!

Win + s 搜索 “命令提示符”,右键以管理员身份运行。

安装好后:

> vue@0.1.0 serve > vue-cli-service serve ‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或解决“vue“不是内部或外部命令问题_第4张图片

31. 安装脚手架vue-cli

npm install vue-cli -g

> vue@0.1.0 serve > vue-cli-service serve ‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或解决“vue“不是内部或外部命令问题_第5张图片

 输入vue --version,能输出版本号就说明安装好了。


4. 安装vue-router

npm install vue-router -g

> vue@0.1.0 serve > vue-cli-service serve ‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或解决“vue“不是内部或外部命令问题_第6张图片

都弄好了我们打开我们自定义的全局模块目录下的node_modules文件夹,会发现安装的模块都统一在这里。

 > vue@0.1.0 serve > vue-cli-service serve ‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或解决“vue“不是内部或外部命令问题_第7张图片

你可能感兴趣的:(日常错误解决,Vue学习,vue.js,前端,javascript)