pycharm、Django+node.js、vue搭建web项目

参考文章：https://www.wandouip.com/t5i35466/  在此感谢

本篇接着上一篇:windows10使用npm安装vue、vue-cli

 首先Django项目是搭建好的，就是新建一个Django项目，然后建一个app

在terminal运行命令：vue-init webpack vuepro   其中vuepro是我web前端项目名即vue的项目名称，操作如下

 然后打开terminal窗口，输入cd vuepro

接着 npm i element-ui -S

运行 npm run build，出现错误：'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

百度了一圈，好多说删除目录node_modules文件夹，重新安装。。。。也没捣鼓好，我直接重新安装的vue-cli，重启pycharm

全局卸载：npm uninstall vue-cli -g  全局安装：npm install vue-cli -g

。。。。。还是出错误

只能重新整合项目，因为一开始我用下载的项目直接替代了新建的vue的项目，像package.json等这些都是配置文件，和自己的电脑环境相符合，不能替换，像src下的App.vue也先别替换，即新建的vue项目和下载的相重的就都先别替换，一点点修改成自己的

重新建了vue项目直接运行是可以，时不时运行一下以保证修改正确。 

修改Django配置，使其指向vue项目，参考博客，在此感谢博主：https://www.cnblogs.com/zhixi/p/9996832.html

先执行命令npm run dev 或者 npm run build，尝试vue项目是否可以运行。后者会建立一个dist目录，这个和django配置有关，可以直接使用命令npm run build   

 

先配置全局的urls

然后配置全局的settings

结束，点击右上方运行即可，如下

可以修改了，开始把前后台彻底融合的过程了