windows 系统下搭建NodeJS/VUE开发环境

偏执的太偏执、 2024-04-18 02:35 77阅读 0赞

最近接手了一个新项目，是nodejs和vue开发的：

而如何在windows下搭建NodeJS环境，之前参考了一篇网络上的帖子：[https://www.cnblogs.com/zhouyu2017/p/6485265.html][https_www.cnblogs.com_zhouyu2017_p_6485265.html]

，但是我的项目，始终同npm构建不起来，不管是用cnpm淘宝镜像，还是npm镜像：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlanVzdGRvaXQ_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlanVzdGRvaXQ_size_16_color_FFFFFF_t_70 1][]

都会下载构建项目失败，而且在文件夹node\_modules下，还生成了一个无限层级的文件夹目录，甚至通过粉碎文件工具，都无法删除该文件夹：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlanVzdGRvaXQ_size_16_color_FFFFFF_t_70 2][]

后来在网络解决方案中尝试了以下命令：

rimraf node\_modules（删除文件夹，准备重新下载项目的依赖，重新构建）

cnpm rebuild node-sass（重新构建）

cnpm install（重新下载）

最后解决，使用npm run dev命令运行项目，项目能够跑起来了，有一个warning，不过没关系，不影响项目运行：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlanVzdGRvaXQ_size_16_color_FFFFFF_t_70 3][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlanVzdGRvaXQ_size_16_color_FFFFFF_t_70 4][]

[https_www.cnblogs.com_zhouyu2017_p_6485265.html]: https://www.cnblogs.com/zhouyu2017/p/6485265.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlanVzdGRvaXQ_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/b6984ae32ebf4ba9b2cc9248be8b232c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlanVzdGRvaXQ_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/3425f04c468948edaba57a2b65fda6dd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlanVzdGRvaXQ_size_16_color_FFFFFF_t_70 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/a3c5c483b5694310912c297f65636f5f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlanVzdGRvaXQ_size_16_color_FFFFFF_t_70 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/afc9e93870014f27a01fbb3b4a7faf79.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlanVzdGRvaXQ_size_16_color_FFFFFF_t_70 4]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/825a08e587354ceaae551a3687279aad.png