vue-cli3前端踩坑记以及一种多项目共用局部node_modules的新方法

vue-cli3前端踩坑记以及一种多项目共用局部node_modules的新方法

0.环境配置与目录结构

系统：windows
项目结构：
hello-world #管理员web端
| .eslintignore
| .eslintrc.js
| .gitignore
| babel.config.js
| package.json
| README.html
| README.md
| README.md.bak
| vue.config.js
| yarn.lock
|
+---node-elm #node.js后台
| | package.json
|
+---public
|
+---node_modules
|
+---vue2-elm #用户web端
| | package.json
|
+---src

1.问题出现

最近我在开发一个基于vue的全栈HTML5的项目，也就是无论前后端都采用javascript这种脚本语言写。这样的一个好处就是无需掌握更多的语言就能开发出一个像样的web端应用，非常适合个人独立开发者。但是 这也存在着一种问题那就是JavaScript是一种脚本语言，且是单线程的，如果想要同时运行前端，后端，数据库，那么就必须分别运行三个项目或者将这几个模块糅合到一个项目里写，这样要么麻烦要么大大增加了项目的耦合度，非常不利于调试。同时如果从另一个开发环境中重新从git远端分支获得源码，再重新安装依赖并运行的话，就必须分别安装前后端的依赖，尤其是前端分为好几个的情况下（比如用户端和管理员端），这样也十分让开发人员苦恼。因此有必要使用一种方法，使多个前端和后端乃至数据库在使用仅仅一句命令的情况下同时运行。

2.解决思路

通过查询资料发现，npm在运行的时候可以使用 npm run