Vue安装及首次运行报错的相关问题解决方案
下载安装可以参考其他博文,已经很详细。本文主要面对新手首次安装和使用IDEA等开发工具运行中可能会出现的问题,提一些个人经验上的解决方案。
环境变量未保存
配置环境变量时有一个细节,即在退出返回途中,应当点击窗口中的“确定”,这样更新的环境变量才会保存,而后会关闭窗口。当环境变量未保存时,打开命令提示符(cmd和powershell都可以),输入相关指令是没有相关反应的:
node -v
npm -v
确认保存了系统变量之后,如果还不能运行,请检查环境变量是否正确配置。配置环境变量需要注意写上你自己使用的安装路径,不是跟网上教程里的一模一样。
Vue相关组件未下载全
vue的几个组件里,因为名字相近且都是一串英文,在下载组件时可能看漏了某个组件,导致没有下载,下面是全部模块:
安装vue.js
npm install vue -g
安装webpack
npm install webpack -g
安装webpack-cli(在webpack 4x以上,webpack将命令相关的内容都放到了webpack-cli)
npm install webpack-cli -g
安装脚手架vue-cli
npm install vue-cli -g
安装vue-router
npm install vue-router -g
开发工具在%PATH%中未找到可执行的node解释器
如果只是你在命令提示符中可以正常使用npm -v等指令,但是开发工具却显示找不到node解释器,
1.先检查环境变量的书写,如果目录路径以 "\" 为结尾,将其删除。
2.重启电脑,系统变量等部分系统设置可能需要重启才生效。
如果还不能找到,请检查自己设备的相关运行环境,是否设置了隔离(例如开发工具和vue文件不同盘,等等),导致出现该情况的问题比较复杂,视个人设备情况决定。
EPERM权限不足
当上述问题都没有,使用开发工具构建一个新的vue项目时,控制台报了一大段错误信息时,看报错的第一行是否为:npm error code EPERM
如果是,说明开发工具当前的权限不够使用node.js相关文件。首先以管理员身份运行开发工具:
如果你的项目不允许你使用管理员账户,请来到Node的安装目录
右击目录->属性->安全,检查你的账户是否有访问权限。