node.js node安装vue/cli和webpack命令，以及解决vue、webpack命令不可用的问题

1、安装node，配置环境变量，按照其他安装教程即可

2、安装vue-cli

        npm install -g @vue/cli

3、验证是否安装成功

        vue -V  注意大写

4、安装webpack

        npm install -g webpack

        npm install -g webpack-cli

        安装顺序不影响

5、验证是否安装成功

        webpack -v

在验证阶段可能出现vue 命令不存在 或 webpack命令不存在，一般是因为node环境变量配置的的问题，检查环境变量，尤其注意npm config set prefix 和 npm config set cache配置，如果配置了这两项，即使在环境变量中指定了node_home,也可能将下载下来的包放在了别的路径，导致找不到命令。

如果以上环境配置检查后均没有问题，仍是找不到命令的话，建议升级node版本重新安装。

安装成功之后仍有可能出现问题，在执行vue init webpack projectName 命令时，报

vue-cli · Failed to write the file at: E:\webstorm\todolist2\.editorconfig

的错误，我百度了许久没有找到相关的解答，还是通过上述升级node，重新安装vue和webpack解决的。

相关链接