Vue.js搭配环境过程中遇到的坑

1.系统变量配置

作用： 设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令，而不需要输入全路径

在百度中搜索vue环境搭配，在搭配过程中，在系统变量这一个问题上卡了很久，总是得不到解决，要么是出现 “ vue不是内部或外部命令 ” 就是 “ node不是内部或是外部命令 ”。

出现问题的根本原因是：设置系统环境变量路径错误！

网上很多博主的指导都是将

• 系统变量“path”修改为你安装node.js的路径下，比如：D:\vueProject\nodejs\node_global
• 新增系统变量NODE_PATH，路径是:D:\vueProject\nodejs\node_modules

而我反复进行这个步骤，卸载了又安装，安装了又卸载，前面的路径都是对的，但是总是会出现上面说的两个问题，最后找到一位博主配置路径的另一种方法，最终得到解决。

方法如下：

NODE_PATH = D:\vueProject\nodejs\

Path = %NODE_PATH%\;%NODE_PATH%\node_modules;%NODE_PATH%\node_global;

将这两个配置路径进行对比，发现上面path中的路径少了一部分，并不能完全识别出node、npm、vue的路径，所以在cmd命令中如果没有输入全路径的话，是无法识别其中一个的。

2.输入npm run dev ，显示【8080】端口被占用

两种解决办法:

• 修改vue的默认端口号（当你有项目被8080端口占用，不能修改时）

找到新创建项目目录 --- config文件夹目录 -- index.js文件，在index.js文件中找到 dev 配置下的 port 改成你想使用的端口号，比如 8090

• 在本机中查看是什么地方使用了8080端口，将其 kill 掉就行

打开cmd--输入： netstat -ano -- 查看所有端口信息，找到端口 8080，以及对应的 PID -- 输入： tasklist

查看所有任务列表，找到PID 对应的任务 -- 输入： tskill PID 即可杀死进程 或者 打开任务管理器，结束对应进程。

3.借鉴网站

https://www.cnblogs.com/zerofc/p/6223785.html

https://www.cnblogs.com/zhaomeizi/p/8483597.html