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.借鉴网站




猜你喜欢

转载自blog.csdn.net/tlp604667633/article/details/81014614